fixes styling of equipment sheet, atleast the meta page
parent
81f9357c10
commit
4d7d71f2e5
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue