diff --git a/app/javascript/dashboard/assets/scss/widgets/_tabs.scss b/app/javascript/dashboard/assets/scss/widgets/_tabs.scss index f19511faa..de486596b 100644 --- a/app/javascript/dashboard/assets/scss/widgets/_tabs.scss +++ b/app/javascript/dashboard/assets/scss/widgets/_tabs.scss @@ -21,6 +21,7 @@ a, .button { @include position(relative, 1px null null null); + height: var(--space-large); border-bottom: 2px solid transparent; transition: border-color .15s $swift-ease-out-function; } diff --git a/app/javascript/dashboard/components/ui/Label.vue b/app/javascript/dashboard/components/ui/Label.vue index 83e55b040..fd9944829 100644 --- a/app/javascript/dashboard/components/ui/Label.vue +++ b/app/javascript/dashboard/components/ui/Label.vue @@ -100,6 +100,7 @@ export default { } .label--icon { + color: inherit; cursor: pointer; margin-right: var(--space-smaller); } @@ -124,16 +125,14 @@ export default { /* Color Schemes */ &.primary { background: var(--w-100); - color: var(--w-900); - border: 1px solid var(--w-200); + color: var(--w-700); a { color: var(--w-900); } } &.secondary { background: var(--s-100); - color: var(--s-900); - border: 1px solid var(--s-200); + color: var(--s-700); a { color: var(--s-900); } @@ -141,7 +140,6 @@ export default { &.success { background: var(--g-100); color: var(--g-900); - border: 1px solid var(--g-200); a { color: var(--g-900); } @@ -149,7 +147,7 @@ export default { &.alert { background: var(--r-100); color: var(--r-900); - border: 1px solid var(--r-200); + a { color: var(--r-900); } @@ -157,7 +155,7 @@ export default { &.warning { background: var(--y-100); color: var(--y-900); - border: 1px solid var(--y-300); + a { color: var(--y-900); } @@ -165,6 +163,7 @@ export default { } .label-action--button { + color: inherit; margin-bottom: var(--space-minus-micro); } diff --git a/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue b/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue index 7dec656d3..1d5ce9f12 100644 --- a/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue +++ b/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue @@ -6,7 +6,6 @@ :name="item.name" :count="item.count" variant="smooth" - size="small" /> diff --git a/app/javascript/dashboard/components/widgets/InboxName.vue b/app/javascript/dashboard/components/widgets/InboxName.vue index 7c544a297..cfbda0e98 100644 --- a/app/javascript/dashboard/components/widgets/InboxName.vue +++ b/app/javascript/dashboard/components/widgets/InboxName.vue @@ -2,7 +2,7 @@ @@ -38,5 +38,6 @@ export default { .inbox--icon { margin-right: var(--space-micro); + color: inherit; }