cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-15 13:11:08 +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

77
styles/less/ui/countdown/countdown.less
View file

@ -55,7 +55,7 @@
.countdown-container {
display: flex;
justify-content: space-between;
width: 100%;
&.icon-only {
gap: 8px;
@ -72,6 +72,7 @@
}
.countdown-main-container {
width: 100%;
display: flex;
align-items: center;
gap: 16px;
@ -83,6 +84,7 @@
}
.countdown-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
@ -90,7 +92,13 @@
.countdown-tools {
display: flex;
align-items: center;
gap: 16px;
justify-content: space-between;
.countdown-tool-controls {
display: flex;
align-items: center;
gap: 16px;
}
.progress-tag {
border: 1px solid;
@ -98,32 +106,53 @@
padding: 2px 4px;
background-color: light-dark(@beige, @dark-blue);
}
.countdown-tool-icons {
display: flex;
align-items: center;
gap: 8px;
.looping-container {
position: relative;
border: 1px solid light-dark(white, white);
border-radius: 6px;
padding: 2px 4px;
&.should-loop {
background: light-dark(@golden, @golden);
.loop-marker {
color: light-dark(@dark-blue, @dark-blue);
}
}
.direction-marker {
position: absolute;
font-size: 10px;
filter: drop-shadow(0 0 3px black);
top: -3px;
}
}
}
}
}
}
/* Keep incase we want to reintroduce the player pips */
// .countdown-access-container {
// display: grid;
// grid-template-columns: 1fr 1fr 1fr;
// grid-auto-rows: min-content;
// width: 38px;
// gap: 4px;
.countdown-access-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: min-content;
width: 38px;
gap: 4px;
.countdown-access {
height: 10px;
width: 10px;
border-radius: 50%;
border: 1px solid light-dark(@dark-blue, @beige-80);
content: '';
}
}
.countdown-no-access-container {
width: 38px;
display: flex;
align-items: center;
justify-content: center;
}
// .countdown-access {
// height: 10px;
// width: 10px;
// border-radius: 50%;
// border: 1px solid light-dark(@dark-blue, @beige-80);
// content: '';
// }
// }
}
}
}