fixes styling of equipment sheet, atleast the meta page

pull/61/head
macniel 2025-10-21 13:31:22 +02:00
parent 81f9357c10
commit 4d7d71f2e5
1 changed files with 5 additions and 55 deletions

View File

@ -8,10 +8,9 @@
display: grid;
grid-auto-columns: 1fr 1fr;
grid-template-columns: 80px auto;
grid-template-rows: 32px 48px auto 48px;
grid-template-rows: 48px auto 48px;
gap: 8px;
grid-template-areas:
"category category"
"quantity name"
"description description"
"bottomline bottomline";
@ -72,52 +71,6 @@
}
.category {
grid-area: category;
position: relative;
label {
line-height: 24px;
vertical-align: middle;
}
.array-editor {
position: absolute;
right: 0;
left: 80px;
top: 0;
bottom: 0;
ul {
list-style-type: none;
padding: 0 32px 0 0;
margin: 0;
text-indent: 0;
li {
display: inline-block;
border: 1px solid #333;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 12px;
line-height: 24px;
vertical-align: middle;
padding: 0 8px;
box-shadow: numbers.$pill-box-inset numbers.$pill-box-inset numbers.$pill-box-blur-radius colours.$pill-box-shadow;
}
}
select {
position: absolute;
right: 0;
top: 0;
width: 24px;
}
}
}
.quantity {
grid-area: quantity;
}
@ -125,18 +78,15 @@
.description {
grid-area: description;
position: relative;
display: flex;
flex-direction: column;
label {
height: 14px;
flex: 0;
}
.editor {
position: absolute;
top: 14px;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px inset #333;
flex: 1;
}
}