Small Fixes

This commit is contained in:
Dapoolp 2025-08-03 14:43:20 +02:00
parent ef42f1f782
commit 761064d668
12 changed files with 121 additions and 115 deletions

View file

@ -11,7 +11,6 @@
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
padding-top: 10px;
height: 95%;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;

View file

@ -14,6 +14,9 @@
.adversary-sidebar-sheet {
grid-row: 1 / span 2;
grid-column: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
.adversary-header-sheet {
@ -24,6 +27,11 @@
.tab {
grid-row: 2;
grid-column: 2;
&.active {
overflow: hidden;
display: flex;
flex-direction: column;
}
}
}
}

View file

@ -269,6 +269,19 @@
}
}
.shortcut-items-section {
overflow-y: hidden;
padding-top: 10px;
padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
&:hover {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
}
}
.attack-section {
.title {
display: flex;

View file

@ -15,6 +15,8 @@
.character-sidebar-sheet {
grid-row: 1 / span 2;
grid-column: 1;
display: flex;
flex-direction: column;
}
.character-header-sheet {

View file

@ -443,7 +443,6 @@
.shortcut-items-section {
overflow-y: hidden;
max-height: 56%;
padding-top: 10px;
padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);

View file

@ -505,13 +505,16 @@
flex-wrap: wrap;
.roll-die {
display: flex;
flex-direction: column;
display: grid;
grid-template-areas:
". a a"
"c b b";
gap: 3px;
label {
text-align: center;
height: var(--font-size-12);
grid-area: a;
}
> div {
@ -519,7 +522,17 @@
align-items: center;
justify-content: center;
gap: 5px;
// font-size: var(--font-size-20);
grid-area: b;
}
&.has-plus:before {
content: '+';
font-size: var(--font-size-20);
grid-area: c;
display: flex;
align-items: center;
justify-content: center;
width: 15px;
}
}
}
@ -527,7 +540,6 @@
fieldset {
display: flex;
flex-direction: column;
// gap: 10px;
border-color: var(--text-color);
border-radius: 5px;
@ -717,9 +729,9 @@
.dice-roll .dice-tooltip fieldset {
margin-bottom: 5px;
.roll-dice {
gap: 10px;
}
// .roll-dice {
// gap: 10px;
// }
}
}
}