kritzl/hvvstuhl.de
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity

minor layout improvements

Browse source
This commit is contained in:
kritzl 2024-06-04 21:23:27 +02:00
parent 7673265167
commit 470b3e2336
4 changed files with 56 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

23
style.css
View file

@ -34,6 +34,7 @@
--space-m: 0.5rem;
--space-l: 1rem;
--space-xl: 2rem;
--space-2xl: 3rem;
}
@media (prefers-color-scheme: dark) {
:root {
@ -258,10 +259,11 @@ ul#stationList > li.station > details > ul > li.elevator {
gap: var(--space-m);
position: relative;
margin: 0 1rem 1rem;
padding-right: var(--space-2xl);
}
@media screen and (min-width: 576px) {
ul#stationList > li.station > details > ul > li.elevator {
margin: 0 3rem 1rem;
margin: 0 var(--space-2xl) 1rem;
}
}
ul#stationList > li.station > details > ul > li.elevator > span {
@ -298,10 +300,24 @@ ul#stationList > li.station > details > ul > li.elevator > div.elevatorData .lin
gap: var(--space-m);
align-items: center;
grid-column: 1/-1;
min-height: var(--space-2xl);
}
ul#stationList > li.station > details > ul > li.elevator > div.elevatorData hr {
grid-column: 1/-1;
width: 100%;
margin: 0;
border: none;
border-bottom: dashed 2px var(--station-border);
}
ul#stationList > li.station > details > ul > li.elevator > div.elevatorData .osm {
grid-column: 1/-1;
color: var(--text-secondary);
border: dashed 2px var(--station-border);
border-radius: var(--item-radius);
padding: var(--space-l);
}
ul#stationList > li.station > details > ul > li.elevator > div.elevatorData .osm h4 {
margin-top: 0;
}
ul#stationList > li.station > details > ul > li.elevator > div.elevatorData .osm dl div dt {
min-width: 18ch;
@ -367,8 +383,9 @@ ul#stationList > li.station > details > ul > li.elevator > div.elevatorData dl d
}
}
ul#stationList > li.station > details > ul > li.elevator > div.elevatorData dl div dd {
flex-shrink: 0;
margin-left: 3rem;
width: 0;
flex-grow: 1;
margin-left: var(--space-2xl);
}
@media screen and (min-width: 576px) {
ul#stationList > li.station > details > ul > li.elevator > div.elevatorData dl div dd {