diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/tabs.scss | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index 16318b9f6..ab7cee08d 100644 --- a/src/styles/tabs.scss +++ b/src/styles/tabs.scss | |||
@@ -1,6 +1,8 @@ | |||
1 | @import './config.scss'; | 1 | @import './config.scss'; |
2 | 2 | ||
3 | .theme__dark .tab-item { | 3 | .theme__dark .tab-item { |
4 | color: $dark-theme-text-color; | ||
5 | |||
4 | &.is-active { | 6 | &.is-active { |
5 | background: $dark-theme-gray; | 7 | background: $dark-theme-gray; |
6 | 8 | ||
@@ -54,6 +56,22 @@ | |||
54 | } | 56 | } |
55 | } | 57 | } |
56 | 58 | ||
59 | &.is-label-enabled{ | ||
60 | height: min-content; | ||
61 | overflow: hidden; | ||
62 | padding-top: 8px; | ||
63 | padding-bottom: 8px; | ||
64 | } | ||
65 | |||
66 | .tab-item__label { | ||
67 | display: block; | ||
68 | margin-top: 6px; | ||
69 | font-size: 11px; | ||
70 | padding-left: 4px; | ||
71 | padding-right: 4px; | ||
72 | line-height: 13px; | ||
73 | } | ||
74 | |||
57 | &.is-disabled .tab-item__icon { | 75 | &.is-disabled .tab-item__icon { |
58 | filter: grayscale(100%) opacity(0.2); | 76 | filter: grayscale(100%) opacity(0.2); |
59 | } | 77 | } |
@@ -136,4 +154,13 @@ | |||
136 | &.is-reordering { | 154 | &.is-reordering { |
137 | z-index: 99999; | 155 | z-index: 99999; |
138 | } | 156 | } |
157 | |||
158 | .tab-item__error-icon{ | ||
159 | font-size: 1.9em; | ||
160 | color: red; | ||
161 | position: absolute; | ||
162 | top: 6px; | ||
163 | right: 0px; | ||
164 | transform: scaleX(1.5); | ||
165 | } | ||
139 | } | 166 | } |