diff options
author | AndreĢ Oliveira <oliveira.andrerodrigues95@gmail.com> | 2023-01-17 21:15:59 +0000 |
---|---|---|
committer | Vijay Aravamudhan <vraravam@users.noreply.github.com> | 2023-01-18 06:04:26 +0530 |
commit | b1631f7105305f8c8162ca65fb92b3994ee3ab59 (patch) | |
tree | 7368ef915362322bdc79e93156714ec294410acb /src/features | |
parent | add abacao as a contributor for security (#890) [skip ci] (diff) | |
download | ferdium-app-b1631f7105305f8c8162ca65fb92b3994ee3ab59.tar.gz ferdium-app-b1631f7105305f8c8162ca65fb92b3994ee3ab59.tar.zst ferdium-app-b1631f7105305f8c8162ca65fb92b3994ee3ab59.zip |
fix: fullscreen horizontal sidebar style
Diffstat (limited to 'src/features')
-rw-r--r-- | src/features/appearance/index.ts | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts index 367bcb612..b3cbd3347 100644 --- a/src/features/appearance/index.ts +++ b/src/features/appearance/index.ts | |||
@@ -135,6 +135,7 @@ function generateServiceRibbonWidthStyle( | |||
135 | useGrayscaleServices, | 135 | useGrayscaleServices, |
136 | grayscaleServicesDim, | 136 | grayscaleServicesDim, |
137 | shouldShowDragArea, | 137 | shouldShowDragArea, |
138 | isFullScreen, | ||
138 | ) { | 139 | ) { |
139 | const width = Number(widthStr); | 140 | const width = Number(widthStr); |
140 | const iconSize = Number(iconSizeStr) - iconSizeBias; | 141 | const iconSize = Number(iconSizeStr) - iconSizeBias; |
@@ -249,11 +250,18 @@ function generateServiceRibbonWidthStyle( | |||
249 | margin-top: -${width}px !important; | 250 | margin-top: -${width}px !important; |
250 | } | 251 | } |
251 | .darwin .sidebar { | 252 | .darwin .sidebar { |
252 | height: ${width + verticalStyleOffset - 3 - sizeDragArea}px !important; | 253 | height: ${ |
254 | isFullScreen ? width : width + verticalStyleOffset - 3 - sizeDragArea | ||
255 | }px !important; | ||
256 | ${isFullScreen ? `padding-top: ${2}px !important` : null} | ||
253 | } | 257 | } |
254 | .darwin .app .app__content { | 258 | .darwin .app .app__content { |
255 | padding-top: ${ | 259 | padding-top: ${ |
256 | width + sidebarSizeBias + (sizeDragArea !== 0 ? 4 - sizeDragArea : 4) | 260 | isFullScreen |
261 | ? width | ||
262 | : width + | ||
263 | sidebarSizeBias + | ||
264 | (sizeDragArea !== 0 ? 4 - sizeDragArea : 4) | ||
257 | }px !important; | 265 | }px !important; |
258 | } | 266 | } |
259 | .darwin .workspaces-drawer { | 267 | .darwin .workspaces-drawer { |
@@ -395,6 +403,7 @@ function generateStyle(settings, app) { | |||
395 | useGrayscaleServices, | 403 | useGrayscaleServices, |
396 | grayscaleServicesDim, | 404 | grayscaleServicesDim, |
397 | shouldShowDragArea, | 405 | shouldShowDragArea, |
406 | isFullScreen, | ||
398 | ); | 407 | ); |
399 | 408 | ||
400 | if (shouldShowDragArea) { | 409 | if (shouldShowDragArea) { |