KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixes colors with labels

Browse source
This commit is contained in:
Nithin David 2021-12-03 21:16:45 +05:30
parent 4aab553567
commit 9977884a2c
4 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/javascript/dashboard/assets/scss/widgets/_tabs.scss
View file

@ -21,6 +21,7 @@
a, a,
.button { .button {
@include position(relative, 1px null null null); @include position(relative, 1px null null null);
height: var(--space-large);
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
transition: border-color .15s $swift-ease-out-function; transition: border-color .15s $swift-ease-out-function;
} }

13
app/javascript/dashboard/components/ui/Label.vue
View file

@ -100,6 +100,7 @@ export default {
} }
.label--icon { .label--icon {
color: inherit;
cursor: pointer; cursor: pointer;
margin-right: var(--space-smaller); margin-right: var(--space-smaller);
} }
@ -124,16 +125,14 @@ export default {
/* Color Schemes */ /* Color Schemes */
&.primary { &.primary {
background: var(--w-100); background: var(--w-100);
color: var(--w-900); color: var(--w-700);
border: 1px solid var(--w-200);
a { a {
color: var(--w-900); color: var(--w-900);
} }
} }
&.secondary { &.secondary {
background: var(--s-100); background: var(--s-100);
color: var(--s-900); color: var(--s-700);
border: 1px solid var(--s-200);
a { a {
color: var(--s-900); color: var(--s-900);
} }
@ -141,7 +140,6 @@ export default {
&.success { &.success {
background: var(--g-100); background: var(--g-100);
color: var(--g-900); color: var(--g-900);
border: 1px solid var(--g-200);
a { a {
color: var(--g-900); color: var(--g-900);
} }
@ -149,7 +147,7 @@ export default {
&.alert { &.alert {
background: var(--r-100); background: var(--r-100);
color: var(--r-900); color: var(--r-900);
border: 1px solid var(--r-200);
a { a {
color: var(--r-900); color: var(--r-900);
} }
@ -157,7 +155,7 @@ export default {
&.warning { &.warning {
background: var(--y-100); background: var(--y-100);
color: var(--y-900); color: var(--y-900);
border: 1px solid var(--y-300);
a { a {
color: var(--y-900); color: var(--y-900);
} }
@ -165,6 +163,7 @@ export default {
} }
.label-action--button { .label-action--button {
color: inherit;
margin-bottom: var(--space-minus-micro); margin-bottom: var(--space-minus-micro);
} }
</style> </style>

1
app/javascript/dashboard/components/widgets/ChatTypeTabs.vue
View file

@ -6,7 +6,6 @@
:name="item.name" :name="item.name"
:count="item.count" :count="item.count"
variant="smooth" variant="smooth"
size="small"
/> />
</woot-tabs> </woot-tabs>
</template> </template>

3
app/javascript/dashboard/components/widgets/InboxName.vue
View file

@ -2,7 +2,7 @@
<woot-label <woot-label
:title="inbox.name" :title="inbox.name"
:icon="computedInboxClass" :icon="computedInboxClass"
color-scheme="primary" color-scheme="secondary"
small small
/> />
</template> </template>
@ -38,5 +38,6 @@ export default {
.inbox--icon { .inbox--icon {
margin-right: var(--space-micro); margin-right: var(--space-micro);
color: inherit;
} }
</style> </style>