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:
Oliver-Akins 2024-03-02 00:28:23 -07:00
parent c1ee1a9ef8
commit 2065596686
6 changed files with 71 additions and 40 deletions

View file

@ -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 {

View file

@ -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};
}