mirror of
https://github.com/zedeus/nitter
synced 2026-09-06 07:09:31 +00:00
Improve dynamic resizing of search and photo rail
This commit is contained in:
parent
9917a69dc5
commit
7d655c3dd5
4 changed files with 32 additions and 0 deletions
|
|
@ -74,3 +74,23 @@
|
|||
transition: max-height 0.4s;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 600px) {
|
||||
.photo-rail-grid {
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
}
|
||||
|
||||
#photo-rail-grid-toggle:checked ~ .photo-rail-grid {
|
||||
max-height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 450px) {
|
||||
.photo-rail-grid {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
#photo-rail-grid-toggle:checked ~ .photo-rail-grid {
|
||||
max-height: 450px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue