jedmund/jedmund-svelte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix sticky toolbar in editor

Browse source
This commit is contained in:
Justin Edmund 2025-06-11 02:09:59 -07:00
parent a8bee8d9da
commit 6c2555b7c9
4 changed files with 7 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/admin/AdminPage.svelte
View file

@ -32,7 +32,7 @@
width: calc(100% - #{$unit-6x}); width: calc(100% - #{$unit-6x});
max-width: 900px; // Much wider for admin max-width: 900px; // Much wider for admin
min-height: calc(100vh - #{$unit-16x}); // Full height minus margins min-height: calc(100vh - #{$unit-16x}); // Full height minus margins
overflow: hidden; // Ensure border-radius clips content overflow: visible;
&:first-child { &:first-child {
margin-top: 0; margin-top: 0;

6
src/lib/components/admin/Editor.svelte
View file

@ -104,18 +104,13 @@
.editor-wrapper { .editor-wrapper {
width: 100%; width: 100%;
min-height: var(--min-height); min-height: var(--min-height);
height: 100%;
background: white; background: white;
overflow: hidden;
position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.editor-container { .editor-container {
flex: 1; flex: 1;
overflow-y: auto;
position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0; padding: 0;
@ -141,7 +136,6 @@
background: $grey-95; background: $grey-95;
padding: $unit-2x; padding: $unit-2x;
position: sticky; position: sticky;
top: 0;
z-index: 10; z-index: 10;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;

7
src/lib/components/admin/EditorWithUpload.svelte
View file

@ -737,7 +737,7 @@
box-sizing: border-box; box-sizing: border-box;
padding: 0.5rem; padding: 0.5rem;
position: sticky; position: sticky;
top: 0; top: 68px;
z-index: 10; z-index: 10;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
@ -745,14 +745,15 @@
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
width: 100%; width: 100%;
flex-shrink: 0; flex-shrink: 0;
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.9);
} }
.edra-editor { .edra-editor {
width: 100%; width: 100%;
flex: 1; flex: 1;
min-width: 0; min-width: 0;
overflow-x: hidden; overflow: visible;
overflow-y: hidden;
box-sizing: border-box; box-sizing: border-box;
} }

4
src/lib/components/edra/headless/style.css
View file

@ -41,14 +41,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--edra-gap); gap: var(--edra-gap);
overflow: auto; overflow: visible;
} }
.edra-editor { .edra-editor {
padding: 0 var(--edra-padding); padding: 0 var(--edra-padding);
flex-grow: 1; flex-grow: 1;
padding-left: 2rem; padding-left: 2rem;
overflow-y: hidden; overflow: visible;
box-sizing: border-box; box-sizing: border-box;
} }