Display all of the pinned ammo on the sheet and tweak the list header style.
This commit is contained in:
parent
c495f45015
commit
a7e0fe899a
5 changed files with 32 additions and 25 deletions
|
|
@ -36,6 +36,7 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-radius: 999px;
|
||||
}
|
||||
.skill-list {
|
||||
display: grid;
|
||||
|
|
@ -107,33 +108,30 @@
|
|||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.half-pill {
|
||||
.pill {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
|
||||
align-items: center;
|
||||
background: var(--section-header-background);
|
||||
border-radius: 0 999px 999px 0;
|
||||
border-radius: 999px;
|
||||
color: var(--section-header-text);
|
||||
padding: 2px 0 2px 4px;
|
||||
--input-background: var(--base-background);
|
||||
--input-text: var(--base-text);
|
||||
|
||||
&.with-icon {
|
||||
grid-template-columns: min-content minmax(0, 1.5fr) minmax(0, 1fr);
|
||||
gap: 4px;
|
||||
padding: 2px 0 2px 4px;
|
||||
.label {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
label, .label {
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
|
||||
input, .input {
|
||||
margin: 2px;
|
||||
margin: 0 2px 0 0;
|
||||
border-radius: 999px;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue