57 lines
1.2 KiB
SCSS
57 lines
1.2 KiB
SCSS
body {
|
|
overflow: hidden;
|
|
|
|
* {
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
}
|
|
|
|
// Nextcloud 25+: get rid of gap and border radius at right
|
|
#content-vue.remove-gap {
|
|
// was var(--body-container-radius)
|
|
// now set on #app-navigation-vue
|
|
border-radius: 0;
|
|
width: calc(100% - var(--body-container-margin) * 1); // was *2
|
|
margin-right: 0;
|
|
|
|
// If no navigation remove both margins
|
|
&:not(.has-nav) {
|
|
width: calc(100%);
|
|
margin-left: 0;
|
|
}
|
|
|
|
// Reduce size of navigation. NC <25 doesn't like this on mobile.
|
|
#app-navigation-vue {
|
|
max-width: 250px;
|
|
}
|
|
}
|
|
|
|
// Prevent content overflow on NC <25
|
|
#content-vue {
|
|
max-height: 100vh;
|
|
|
|
// https://bugs.webkit.org/show_bug.cgi?id=160953
|
|
overflow: visible;
|
|
#app-navigation-vue {
|
|
border-top-left-radius: var(--body-container-radius);
|
|
border-bottom-left-radius: var(--body-container-radius);
|
|
|
|
.app-navigation-toggle {
|
|
// Move up to align with back button of top matter
|
|
top: 2px;
|
|
transition: opacity 0.1s ease-in-out;
|
|
opacity: 0.2; // It's ugly
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Hide horizontal scrollbar on mobile
|
|
// For the padding removal above
|
|
#app-content-vue {
|
|
overflow-x: hidden;
|
|
}
|