diff options
| author |  André Oliveira <37463445+SpecialAro@users.noreply.github.com> | 2022-06-13 18:01:27 +0100 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2022-06-13 17:01:27 +0000 |
| commit | dc13e032ea3c308185becdb2cd2444e126ae7145 (patch) | |
| tree | 9b1bfd6dccde4fa1830b3f2c3ca253f35c346fa2 /src | |
| parent | 6.0.0-nightly.59 [skip ci] (diff) | |
| download | ferdium-app-dc13e032ea3c308185becdb2cd2444e126ae7145.tar.gz ferdium-app-dc13e032ea3c308185becdb2cd2444e126ae7145.tar.zst ferdium-app-dc13e032ea3c308185becdb2cd2444e126ae7145.zip | |
Fix service labels cut off when using Slim Sidebar (#245)
fix #232
Diffstat (limited to 'src')
| -rw-r--r-- | src/features/appearance/index.ts | 6 | ||||
| -rw-r--r-- | src/styles/tabs.scss | 8 |
2 files changed, 9 insertions, 5 deletions
diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts index 5b005586e..7562475a6 100644 --- a/src/features/appearance/index.ts +++ b/src/features/appearance/index.ts | |||
| @@ -230,6 +230,12 @@ function generateServiceRibbonWidthStyle( | |||
| 230 | width: ${minimumAdjustedIconSize}px !important; | 230 | width: ${minimumAdjustedIconSize}px !important; |
| 231 | ${useGrayscaleServices ? graysacleServices : null}, | 231 | ${useGrayscaleServices ? graysacleServices : null}, |
| 232 | } | 232 | } |
| 233 | .tab-item .tab-item__label { | ||
| 234 | margin-left: 0px !important; | ||
| 235 | } | ||
| 236 | .tab-item.is-label-enabled { | ||
| 237 | padding-bottom: 0px !important; | ||
| 238 | } | ||
| 233 | .sidebar__button { | 239 | .sidebar__button { |
| 234 | font-size: ${width / 3}px !important; | 240 | font-size: ${width / 3}px !important; |
| 235 | } | 241 | } |
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index fbff544ed..b910b0760 100644 --- a/src/styles/tabs.scss +++ b/src/styles/tabs.scss | |||
| @@ -64,12 +64,10 @@ | |||
| 64 | } | 64 | } |
| 65 | 65 | ||
| 66 | .tab-item__label { | 66 | .tab-item__label { |
| 67 | display: block; | 67 | display: flex; |
| 68 | margin-top: 6px; | 68 | position: relative; |
| 69 | font-size: 11px; | 69 | font-size: 11px; |
| 70 | padding-left: 4px; | 70 | justify-content: center; |
| 71 | padding-right: 4px; | ||
| 72 | line-height: 13px; | ||
| 73 | } | 71 | } |
| 74 | 72 | ||
| 75 | &.is-disabled .tab-item__icon { | 73 | &.is-disabled .tab-item__icon { |