Various fixes and changes based on tester feedback

This commit is contained in:
2026-03-17 13:50:32 +01:00
parent 92ba9c3501
commit 000bf348a6
29 changed files with 1450 additions and 192 deletions

View File

@@ -56,7 +56,7 @@
.item-detail {
font-size: @font-size-xs;
color: @color-olive;
color: @color-dark;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
@@ -65,7 +65,7 @@
.item-group {
font-size: @font-size-xs;
color: @color-olive;
color: @color-dark;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
@@ -117,13 +117,13 @@
.item-list--weapon {
.item-list-header, .item-entry {
grid-template-columns: @item-img-size 1fr 4.5rem 3.5rem 2rem 1.5rem 1.8rem 5.5rem;
grid-template-columns: @item-img-size 1fr 4.5rem 3.5rem 2rem 1.5rem 1.8rem 9rem;
}
}
.item-list--armor {
.item-list-header, .item-entry {
grid-template-columns: @item-img-size 1fr 3.5rem 2.5rem 3.5rem 1.5rem 1.8rem 3.5rem;
grid-template-columns: @item-img-size 1fr 3.5rem 2.5rem 3.5rem 1.5rem 1.8rem 5.5rem;
}
}
@@ -145,6 +145,11 @@
}
}
.miracles-blocked {
opacity: 0.45;
pointer-events: none;
}
.item-list--equipment {
.item-list-header, .item-entry {
grid-template-columns: @item-img-size 1fr 5rem 3rem 3.5rem;
@@ -177,7 +182,7 @@
.item-usage {
font-size: @font-size-xs;
color: @color-olive;
color: @color-dark;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
@@ -197,7 +202,7 @@
}
.no-items {
color: var(--color-dark-5);
color: @color-olive;
font-style: italic;
font-size: @font-size-xs;
padding: 4px;
@@ -209,3 +214,62 @@
.transition-opacity();
}
}
// Miracle blocked banner on the Magic tab
.miracle-blocked-banner {
display: flex;
align-items: center;
gap: 6px;
background: fade(#c0392b, 10%);
border: 1px solid fade(#c0392b, 45%);
border-radius: 4px;
padding: 4px 10px;
margin-bottom: 4px;
color: #c0392b;
font-size: @font-size-xs;
font-weight: bold;
span { flex: 1; }
a {
color: @color-dark;
font-weight: normal;
font-size: @font-size-sm;
.transition-opacity();
white-space: nowrap;
i { color: @color-gold; }
}
}
// Slots counter on the Combat tab
.slots-counter {
display: flex;
gap: 6px;
padding: 2px 6px 4px;
.slots-label {
font-size: @font-size-xs;
font-weight: bold;
color: @color-dark;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.slots-value {
font-size: @font-size-xs;
font-weight: bold;
color: @color-dark;
background: fade(@color-gold, 15%);
border: 1px solid fade(@color-gold, 40%);
border-radius: 4px;
padding: 1px 8px;
min-width: 3.5rem;
text-align: center;
&.slots-over {
color: #c0392b;
background: fade(#c0392b, 10%);
border-color: fade(#c0392b, 40%);
}
}
}