diff options
| author |  Vishnu017 <39431453+Vishnu017@users.noreply.github.com> | 2021-10-26 20:37:56 +0530 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2021-10-26 20:37:56 +0530 |
| commit | 955f2abeb2c093515e6dd0026b4072145a2be6b6 (patch) | |
| tree | 265497cf116ccf1d11fb869a95fcabcf0baacf18 /src/styles | |
| parent | docs: add Vishnu017 as a contributor for code (#2142) [skip ci] (diff) | |
| download | ferdium-app-955f2abeb2c093515e6dd0026b4072145a2be6b6.tar.gz ferdium-app-955f2abeb2c093515e6dd0026b4072145a2be6b6.tar.zst ferdium-app-955f2abeb2c093515e6dd0026b4072145a2be6b6.zip | |
Add feature to display service name under service icon when the toggle for it is enabled in the settings (#2136)
Co-authored-by: AnjithPaul <anjithpaul.mec@gmail.com>
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/tabs.scss | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index b7f1a9e11..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 | } |