Athemis/ds4
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix(editor): prevent double scrollbars in biography tab

Browse source
This commit is contained in:
Alexander Minges 2025-07-17 18:19:06 +02:00
parent 07fa1487f1
commit 970f69be53
Signed by: Athemis
GPG key ID: 31FBDEF92DDB162B
3 changed files with 81 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

40
scss/components/actor/_biography.scss
View file

@ -8,4 +8,44 @@
display: grid;
grid-template-columns: 1fr 3fr;
column-gap: 1em;
height: 100%;
}
.ds4-biography {
height: 100%;
overflow: hidden;
prose-mirror {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
// Edit mode with editor container
&.active {
.editor-container {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
.editor-content {
flex: 1;
overflow-y: auto;
min-height: 0;
}
}
}
// View mode - direct editor-content
&.inactive {
.editor-content {
position: relative;
flex: 1;
overflow-y: auto;
min-height: 0;
inset: auto;
}
}
}
}

36
scss/components/shared/_editor.scss
View file

@ -14,5 +14,41 @@
background: transparent;
}
}
prose-mirror {
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
// Edit mode with editor container
&.active {
.editor-container {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
.editor-content {
flex: 1;
overflow-y: auto;
min-height: 0;
}
}
}
// View mode - direct editor-content
&.inactive {
.editor-content {
position: relative;
flex: 1;
overflow-y: auto;
min-height: 0;
inset: auto;
}
}
}
}
}

5
scss/components/shared/_sheet_body.scss
View file

@ -7,4 +7,9 @@
.ds4-sheet-body {
height: 100%;
overflow-y: auto;
// Prevent double scrollbars on biography tab
.ds4-sheet-tab.tab.biography.active {
overflow: hidden;
}
}