mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-26 16:23:16 +00:00
Add classes for limiting height on breakpoints
This commit is contained in:
parent
f9bc974e54
commit
99975da140
1 changed files with 23 additions and 0 deletions
23
resources/assets/sass/custom.scss
vendored
23
resources/assets/sass/custom.scss
vendored
|
@ -203,3 +203,26 @@ body, button, input, textarea {
|
||||||
height: .25rem;
|
height: .25rem;
|
||||||
animation: loading-bar 3s linear infinite;
|
animation: loading-bar 3s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.max-hide-overflow {
|
||||||
|
max-height: 500px;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: map-get($grid-breakpoints, "xs")) {
|
||||||
|
.max-hide-overflow {
|
||||||
|
max-height: 600px!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: map-get($grid-breakpoints, "md")) {
|
||||||
|
.max-hide-overflow {
|
||||||
|
max-height: 800px!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: map-get($grid-breakpoints, "xl")) {
|
||||||
|
.max-hide-overflow {
|
||||||
|
max-height: 1000px!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue