uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Issue 69: Adding incremental buttons to honor, glory and status. Renaming...

Browse Source
This commit is contained in:
Litasa
2026-02-25 21:39:21 +00:00
parent 494b027513
commit f267d06536
16 changed files with 157 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
system/styles/l5r5e.css
View File

File diff suppressed because one or more lines are too long

38
system/styles/scss/army.scss
View File

@@ -10,8 +10,6 @@
.readiness {
flex: 0 0 100%;
display: flex;
flex-wrap: wrap;
ul {
display: flex;
@@ -21,15 +19,20 @@
li {
flex: 25%;
display: inline-grid;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
.attributes-buttons {
position: relative;
line-height: 13px;
top: 0.3rem;
right: 1.2rem;
width: 12px;
.increment-control {
position: absolute;
right: -0.70rem;
top: 15%;
display: flex;
flex-direction: column;
gap:0.1rem;
line-height: 1;
}
strong {
@@ -40,14 +43,19 @@
}
label {
flex: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
input {
background: transparent;
border: 0 none;
text-align: center;
margin: 0.3rem 1.6rem 0 1.5rem;
margin: 0;
padding: 0;
width: 2rem;
}
&:after {
@@ -55,8 +63,6 @@
width: 2rem;
height: 2rem;
position: absolute;
right: calc(50% - 0.9rem);
top: 0.1rem;
background: transparent url("../assets/icons/circle.svg") no-repeat 0 0;
background-size: contain;
opacity: 0.25;
@@ -64,9 +70,6 @@
}
&:nth-child(1) {
input {
margin: 0.3rem 1rem 0 1.5rem;
}
&:after {
transform: rotate(0deg);
}
@@ -79,9 +82,6 @@
}
&:nth-child(3) {
input {
margin: 0.3rem 1rem 0 1.5rem;
}
&:after {
transform: rotate(180deg);
}

14
system/styles/scss/sheets.scss
View File

@@ -326,7 +326,7 @@
margin: 0.25rem 0;
flex-direction: row-reverse;
strong {
flex: 0 0 calc(100% - 3.5rem);
flex: 0 0 calc(100% - 4.5rem);
}
input {
flex: 0 0 3rem;
@@ -444,7 +444,7 @@
width: 3.5rem;
}
}
.attributes-buttons {
.increment-control {
line-height: 13px;
position: relative;
top: 0.2rem;
@@ -751,12 +751,22 @@
flex: calc(100% / 3);
padding: 0.5rem;
font-size: 0.85rem;
align-items: center;
input {
margin-left: 0.5rem;
}
}
.xp-buttons,
.money-buttons {
line-height: 13px;
padding-left: 0.3em;
}
.increment-control {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 0.2rem;
flex: none;
}
}