fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-22 02:18:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix floating menu positioning behavior when web page has scrollbars (#263) (#341)

Browse Source 
* Fix color picker position on scrolled window

* Robust fix with proper usage of CSS stacking contexts

* Fix mobile device scaling

Co-authored-by: Keavon Chambers <keavon@keavon.com>
This commit is contained in:
0HyperCube
2021-08-11 16:56:18 -07:00
committed by GitHub
co-authored by Keavon Chambers
parent 9cd6d57337
commit 02fd00da10
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/window/MainWindow.vue
+4 -2
View File
@@ -14,8 +14,10 @@
<style lang="scss">
.main-window {
height: 100%;
overflow: auto;
min-height: 100%;
// Creates a new stacking context for the app UI so that floating menus (which use `position: fixed` to leave their spawner element's stacking context) have an app-centric stacking context
// Without this, floating menus would default to the web page's stacking context, which causes the floating menus to stay fixed when the page is scrolled and get offset from the app UI
transform: translate(0, 0);
}
.title-bar-row {
frontend/src/components/workspace/Workspace.vue
+4 -1
View File
@@ -24,6 +24,7 @@
<style lang="scss">
.workspace-grid-subdivision {
min-height: 28px;
min-width: 0;
flex: 1 1 0;
&.folded {
@@ -33,13 +34,15 @@
}
.workspace-grid-resize-gutter {
flex: 0 0 4px;
flex: 0 0 auto;
&.layout-row {
height: 4px;
cursor: ns-resize;
}
&.layout-col {
width: 4px;
cursor: ew-resize;
}
}