fix: multiple small style fixes/improvements (#316)

* fix(ui-nav): use selected ring and remove item margin override

* fix(listings): format prices as 1.234,50 € with tabular numerals

* fix(listings): align watchlist star button styles

* fix(version-banner): set margin-bottom to 16px

* fix(ui-nav): keep selected ring with focus reset

* fix(listings): right-align price values

* fix(listings): remove cart icon from price display

* fix(listings): format detail price with shared formatter

* revert(listings): restore grid tile layout from master

Drop watchlist/actions restyle on grid cards.
This commit is contained in:
Ramin
2026-06-03 17:34:37 +02:00
committed by GitHub
parent 324afee483
commit 0d23d43e79
7 changed files with 55 additions and 17 deletions

View File

@@ -55,8 +55,11 @@
color: @color-success;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
white-space: nowrap;
text-align: right;
font-variant-numeric: tabular-nums;
}
&__address {
@@ -94,26 +97,33 @@
}
&__star {
width: 28px;
height: 28px;
background: transparent;
border: none;
width: 30px;
height: 30px;
background: rgba(0,0,0,0.28);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
transition: background @transition-fast;
transition: background @transition-fast, border-color @transition-fast, transform @transition-fast;
flex-shrink: 0;
&:hover {
background: rgba(0, 0, 0, 0.1);
background: rgba(0,0,0,0.48);
border-color: rgba(255,255,255,0.22);
transform: translateY(-1px);
}
&:focus-visible {
outline: none;
box-shadow: 0 0 0 2px rgba(224,74,56,0.35);
}
svg {
color: @color-accent;
font-size: 14px;
font-size: 15px;
}
}