badge settings in banners

This commit is contained in:
Mathieu Jaumotte 2021-07-07 18:31:05 +02:00
parent 9a1272d350
commit 3970bb2644
4 changed files with 6 additions and 6 deletions

View File

@ -140,7 +140,7 @@ $colors: (
// scss-docs-start theme-color-variables // scss-docs-start theme-color-variables
$primary: $blue; $primary: $blue;
$secondary: $gray-200; $secondary: $gray-500;
$success: $green; $success: $green;
$info: $yellow; $info: $yellow;
$warning: $orange; $warning: $orange;

View File

@ -1,5 +1,5 @@
<template> <template>
<span class="badge bg-secondary">{{ issue.text }}</span> <span class="badge bg-chill-light-gray text-dark">{{ issue.text }}</span>
</template> </template>
<script> <script>

View File

@ -8,10 +8,10 @@
</div> </div>
<div> <div>
<button class="badge rounded-pill" :class="{ 'badge-primary': isEmergency, 'badge-secondary': !isEmergency }" @click="toggleEmergency"> <button class="badge rounded-pill" :class="{ 'bg-primary': isEmergency, 'bg-secondary': !isEmergency }" @click="toggleEmergency">
{{ $t('course.emergency') }} {{ $t('course.emergency') }}
</button> </button>
<button class="badge rounded-pill" :class="{ 'badge-primary': isConfidential, 'badge-secondary': !isConfidential }" @click="toggleConfidential"> <button class="badge rounded-pill" :class="{ 'bg-primary': isConfidential, 'bg-secondary': !isConfidential }" @click="toggleConfidential">
{{ $t('course.confidential') }} {{ $t('course.confidential') }}
</button> </button>
</div> </div>
@ -82,7 +82,7 @@ export default {
} }
button.badge { button.badge {
margin-left: 0.8em; margin-left: 0.8em;
&.badge-secondary { &.bg-secondary {
opacity: 0.5; opacity: 0.5;
&:hover { &:hover {
opacity: 0.7; opacity: 0.7;

View File

@ -45,7 +45,7 @@
class="badge-member{%- if m.holder %} holder{% endif -%}{%- if m.position.ordering >= 2 %} child{% endif -%}" class="badge-member{%- if m.holder %} holder{% endif -%}{%- if m.position.ordering >= 2 %} child{% endif -%}"
title="{{ m.position.label.fr }}"> title="{{ m.position.label.fr }}">
{%- if m.holder %} {%- if m.holder %}
<span class="badge bg-secondary"> <span class="badge bg-chill-light-gray text-chill-gray">
{{ 'household.holder'|trans }} {{ 'household.holder'|trans }}
</span> </span>
{% endif -%} {% endif -%}