upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-02-20 00:12:30 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 38

fix(css): correct boundaries of breaking points

Browse source 
We mixed the logic of breaking points (when to break),
this makes it consistent:
Mobile breaking point is 1024px, so it is applied to width < 1024 and starting with 1024 its "normal".

So we consistently have:
width < 512px: small mobile
512 <= width < 1024px: mobile
width >= 1024px: normal

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2025-12-11 14:28:15 +01:00
parent 2a96020bb8
commit bbed297095
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
core/css/apps.scss
View file

@ -7,7 +7,7 @@
@use 'sass:math';
@use 'functions';
@media screen and (max-width: variables.$breakpoint-mobile) {
@media screen and (width < #{variables.$breakpoint-mobile}) {
// Make the body full width on mobile
:root {
--body-container-margin: 0px !important;
@ -715,7 +715,7 @@ body[dir='rtl'] {
}
}
@media only screen and (max-width: variables.$breakpoint-mobile) {
@media only screen and (width < #{variables.$breakpoint-mobile}) {
#content {
border-start-start-radius: var(--border-radius-large);
border-start-end-radius: var(--border-radius-large);