Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Item/styles.css: Difference between revisions

Template page
Use path icons in item requirements
Add item filters and combined effects column
 
Line 20: Line 20:
.item-list__description {
.item-list__description {
     max-width: 34em;
     max-width: 34em;
}
.item-list-filter {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}
.item-list-filter label {
    display: grid;
    gap: 0.25rem;
}
.item-list-filter select,
.item-list-filter button {
    min-height: 2rem;
}
.item-list-filter__count {
    margin-left: auto;
}
}



Latest revision as of 18:13, 15 May 2026

.item-list {
    width: 100%;
    font-size: 0.95em;
}

.item-list th,
.item-list td {
    vertical-align: top;
}

.item-list__icon {
    width: 40px;
    text-align: center;
}

.item-list__icon img {
    image-rendering: pixelated;
}

.item-list__description {
    max-width: 34em;
}

.item-list-filter {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.item-list-filter label {
    display: grid;
    gap: 0.25rem;
}

.item-list-filter select,
.item-list-filter button {
    min-height: 2rem;
}

.item-list-filter__count {
    margin-left: auto;
}

.item-list__path {
    align-items: center;
    display: inline-flex;
    gap: 2px;
    margin-right: 0.35em;
    white-space: nowrap;
}

.item-list__path img {
    vertical-align: -0.2em;
}