Fix the localization function and provide a special placeholder for when the user doesn't have a die assigned to their stat
This commit is contained in:
parent
c1ee1a9ef8
commit
2065596686
6 changed files with 71 additions and 40 deletions
|
|
@ -7,6 +7,8 @@
|
|||
|
||||
.stat {
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
select {
|
||||
height: 100%;
|
||||
|
|
@ -28,6 +30,9 @@
|
|||
}
|
||||
.dice-select {
|
||||
color: var(--stat-dice-select-text-color);
|
||||
option {
|
||||
background: var(--stat-dice-select-bg);
|
||||
}
|
||||
}
|
||||
.roll-stat {
|
||||
color: var(--stat-roll-button-text-color);
|
||||
|
|
@ -38,12 +43,20 @@
|
|||
}
|
||||
}
|
||||
|
||||
&__skills {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 8px;
|
||||
margin: 8px;
|
||||
&__empty {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
&__skills {
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
padding: 8px;
|
||||
|
||||
.skill {
|
||||
&__label {
|
||||
|
|
|
|||
|
|
@ -27,10 +27,12 @@ $on-secondary: $t;
|
|||
|
||||
--stat-header-text-color: #{$on-surface};
|
||||
--stat-dice-select-text-color: #{$on-surface};
|
||||
--stat-dice-select-bg: #{$surface};
|
||||
--stat-roll-button-text-color: #{$on-surface};
|
||||
--stat-divider-color: #{$secondary};
|
||||
--stat-not-chosen-placeholder-text-color: #{$on-surface};
|
||||
--skill-name-text-color: #{$on-surface};
|
||||
--skill-training-select: #{$surface};
|
||||
--skill-training-select-bg: #{$surface};
|
||||
--skill-training-select-text-color: #{$on-surface};
|
||||
--skill-roll-button-text-color: #{$on-surface};
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue