cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-14 20:51:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added Looping

Browse source
This commit is contained in:
WBHarry 2025-11-18 18:06:54 +01:00
parent 9e21aa177b
commit 6536e84afe
13 changed files with 237 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

103
styles/less/ui/countdown/countdown-edit.less
View file

@ -63,58 +63,65 @@
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
.countdown-edit-container {
display: grid;
grid-template-columns: 48px 1fr 72px;
align-items: center;
.countdown-edit-outer-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
img {
width: 52px;
height: 52px;
border-radius: 6px;
}
.countdown-edit-text {
display: flex;
flex-direction: column;
justify-content: center;
.countdown-edit-container {
width: 100%;
display: grid;
grid-template-columns: 48px 1fr 72px;
align-items: center;
gap: 8px;
.countdown-edit-subtext {
img {
width: 52px;
height: 52px;
border-radius: 6px;
}
.countdown-edit-text {
display: flex;
gap: 10px;
flex-direction: column;
justify-content: center;
gap: 8px;
.countdown-edit-sub-tag {
padding: 3px 5px;
font-size: var(--font-size-12);
font: @font-body;
.countdown-edit-subtext {
display: flex;
align-items: center;
gap: 10px;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
.countdown-edit-sub-tag {
padding: 3px 5px;
font-size: var(--font-size-12);
font: @font-body;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
}
}
.countdown-edit-tools {
display: flex;
gap: 8px;
&.same-row {
margin-top: 17.5px;
}
a {
font-size: 16px;
}
}
}
.countdown-edit-tools {
display: flex;
gap: 8px;
&.same-row {
margin-top: 17.5px;
}
a {
font-size: 16px;
}
}
}
.countdown-edit-subrow {
display: flex;
gap: 16px;
margin: 0 72px 0 56px;
gap: 8px;
}
.countdown-edit-input {
@ -124,11 +131,29 @@
align-items: flex-start;
gap: 2px;
&.type-input {
min-width: 120px;
}
&.looping-input {
min-width: 120px;
}
&.tiny {
flex: 0;
input {
min-width: 2.5rem;
}
.checkbox {
width: 100%;
display: flex;
justify-content: center;
input {
min-width: auto;
}
}
}
input,