mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-17 23:49:02 +01:00
Add hint css
This commit is contained in:
parent
ee786544c7
commit
074cdd0dba
3 changed files with 33 additions and 3 deletions
|
|
@ -603,9 +603,12 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: .25rem .5rem;
|
||||
flex-wrap: wrap;
|
||||
|
||||
label {
|
||||
font-size: 16px;
|
||||
font-size: var(--font-size-14);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.form-fields {
|
||||
|
|
@ -613,6 +616,32 @@
|
|||
gap: 4px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hint {
|
||||
flex: 0 0 100%;
|
||||
margin: 0;
|
||||
color: var(--color-form-hint);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.hint {
|
||||
color: var(--color-form-hint-hover);
|
||||
}
|
||||
}
|
||||
|
||||
&.setting-two-values {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: .25rem .5rem;
|
||||
|
||||
.form-group {
|
||||
justify-content: end;
|
||||
}
|
||||
|
||||
.hint {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
fieldset {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
gap: .5rem;
|
||||
|
||||
&.two-columns {
|
||||
display: grid;
|
||||
|
|
@ -26,6 +26,7 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.settings-items {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue