Display all of the pinned ammo on the sheet and tweak the list header style.

This commit is contained in:
Oliver-Akins 2025-04-05 00:43:44 -06:00
parent c495f45015
commit a7e0fe899a
5 changed files with 32 additions and 25 deletions

View file

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