Move styling to tab description and reduce tab specific overrides

This commit is contained in:
Carlos Fernandez 2025-10-13 18:12:16 -04:00
parent b6a8722a2d
commit 9c9c5b0c0c
3 changed files with 11 additions and 20 deletions

View file

@ -4,10 +4,17 @@
.application.daggerheart {
prose-mirror {
height: 100% !important;
flex: 1;
&.active + .artist-attribution {
display: none;
}
.editor-menu {
background-color: transparent;
padding: 0 0 8px 0;
}
.editor-content {
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;

View file

@ -3,11 +3,10 @@
.daggerheart.dh-style {
.tab.active.description {
overflow-y: hidden !important;
display: flex;
flex-direction: column;
height: -webkit-fill-available !important;
fieldset {
height: -webkit-fill-available;
}
overflow-y: hidden !important;
padding: 10px 20px 0 20px;
}
}

View file

@ -10,19 +10,4 @@
font-family: @font-body;
color: light-dark(@chat-blue-bg, @beige-50);
}
.tab.description.active {
display: flex;
flex-direction: column;
padding: 0 20px;
.prosemirror {
flex: 1;
&.inactive .editor-content {
padding-top: 10px;
}
&.active + .artist-attribution {
display: none;
}
}
}
}