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
$primary: $blue;
$secondary: $gray-200;
$secondary: $gray-500;
$success: $green;
$info: $yellow;
$warning: $orange;

View File

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

View File

@ -8,10 +8,10 @@
</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') }}
</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') }}
</button>
</div>
@ -82,7 +82,7 @@ export default {
}
button.badge {
margin-left: 0.8em;
&.badge-secondary {
&.bg-secondary {
opacity: 0.5;
&:hover {
opacity: 0.7;

View File

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