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

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

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