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; display: grid;
grid-auto-columns: 1fr 1fr; grid-auto-columns: 1fr 1fr;
grid-template-columns: 80px auto; grid-template-columns: 80px auto;
grid-template-rows: 32px 48px auto 48px; grid-template-rows: 48px auto 48px;
gap: 8px; gap: 8px;
grid-template-areas: grid-template-areas:
"category category"
"quantity name" "quantity name"
"description description" "description description"
"bottomline bottomline"; "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 { .quantity {
grid-area: quantity; grid-area: quantity;
} }
@ -125,18 +78,15 @@
.description { .description {
grid-area: description; grid-area: description;
position: relative; position: relative;
display: flex;
flex-direction: column;
label { label {
height: 14px; flex: 0;
} }
.editor { .editor {
position: absolute; flex: 1;
top: 14px;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px inset #333;
} }
} }