diff options
author | 2022-05-17 18:55:43 -0500 | |
---|---|---|
committer | 2022-05-17 20:52:55 -0500 | |
commit | d9788e0d3de086ae815fb55f9e0dafeac89ac5d8 (patch) | |
tree | 06083d0f4c302f1364d31067218ad2f1e955d22c | |
parent | docs: add Alphrag as a contributor for doc (#174) [skip ci] (diff) | |
download | ferdium-app-d9788e0d3de086ae815fb55f9e0dafeac89ac5d8.tar.gz ferdium-app-d9788e0d3de086ae815fb55f9e0dafeac89ac5d8.tar.zst ferdium-app-d9788e0d3de086ae815fb55f9e0dafeac89ac5d8.zip |
Increase the vertical height of the draggable area to center the 3 OS titlebar-buttons
-rw-r--r-- | src/components/layout/AppLayout.js | 2 | ||||
-rw-r--r-- | src/features/appearance/index.ts | 6 | ||||
-rw-r--r-- | src/styles/layout.scss | 4 | ||||
-rw-r--r-- | src/styles/vertical.scss | 2 |
4 files changed, 7 insertions, 7 deletions
diff --git a/src/components/layout/AppLayout.js b/src/components/layout/AppLayout.js index 5aaac133a..5cfd66714 100644 --- a/src/components/layout/AppLayout.js +++ b/src/components/layout/AppLayout.js | |||
@@ -65,7 +65,7 @@ const styles = theme => ({ | |||
65 | display: 'block', | 65 | display: 'block', |
66 | zIndex: 1, | 66 | zIndex: 1, |
67 | width: '100%', | 67 | width: '100%', |
68 | height: '23px', | 68 | height: '29px', |
69 | position: 'absolute', | 69 | position: 'absolute', |
70 | top: 0, | 70 | top: 0, |
71 | }, | 71 | }, |
diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts index aa569af73..5b005586e 100644 --- a/src/features/appearance/index.ts +++ b/src/features/appearance/index.ts | |||
@@ -286,8 +286,8 @@ function generateShowDragAreaStyle(accentColor) { | |||
286 | background-color: ${accentColor}; | 286 | background-color: ${accentColor}; |
287 | } | 287 | } |
288 | #root { | 288 | #root { |
289 | /** Remove 22px from app height, otherwise the page will be too high */ | 289 | /** Remove 28px from app height, otherwise the page will be too high */ |
290 | height: calc(100% - 22px); | 290 | height: calc(100% - 28px); |
291 | } | 291 | } |
292 | `; | 292 | `; |
293 | } | 293 | } |
@@ -304,7 +304,7 @@ function generateVerticalStyle(widthStr, alwaysShowWorkspaces) { | |||
304 | } | 304 | } |
305 | const width = Number(widthStr); | 305 | const width = Number(widthStr); |
306 | const sidebarWidth = width - 4; | 306 | const sidebarWidth = width - 4; |
307 | const verticalStyleOffset = 23; | 307 | const verticalStyleOffset = 29; |
308 | 308 | ||
309 | return ` | 309 | return ` |
310 | .sidebar { | 310 | .sidebar { |
diff --git a/src/styles/layout.scss b/src/styles/layout.scss index 359df3f35..1867285ca 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss | |||
@@ -122,7 +122,7 @@ body.win32:not(.isFullScreen) .app .app__content { | |||
122 | } | 122 | } |
123 | 123 | ||
124 | .window-draggable { | 124 | .window-draggable { |
125 | height: 22px; | 125 | height: 28px; |
126 | left: 0; | 126 | left: 0; |
127 | pointer-events: none; | 127 | pointer-events: none; |
128 | position: absolute; | 128 | position: absolute; |
@@ -133,7 +133,7 @@ body.win32:not(.isFullScreen) .app .app__content { | |||
133 | } | 133 | } |
134 | 134 | ||
135 | .darwin .sidebar { | 135 | .darwin .sidebar { |
136 | padding-top: 23px; | 136 | padding-top: 29px; |
137 | } | 137 | } |
138 | 138 | ||
139 | .sidebar { | 139 | .sidebar { |
diff --git a/src/styles/vertical.scss b/src/styles/vertical.scss index 166092a83..48cc1485c 100644 --- a/src/styles/vertical.scss +++ b/src/styles/vertical.scss | |||
@@ -1,7 +1,7 @@ | |||
1 | @import './config.scss'; | 1 | @import './config.scss'; |
2 | 2 | ||
3 | $sidebar-width: 75px; | 3 | $sidebar-width: 75px; |
4 | $sidebar-bias: 22px; | 4 | $sidebar-bias: 28px; |
5 | $tabitem-bias: 30px; | 5 | $tabitem-bias: 30px; |
6 | 6 | ||
7 | .sidebar { | 7 | .sidebar { |