cleanup, fix some things, try to disable scrollbars on mobile

This commit is contained in:
Henry Jameson 2022-04-08 10:17:23 +03:00
parent c71cf72eea
commit 6109fab14e
5 changed files with 18 additions and 23 deletions

View file

@ -116,7 +116,7 @@ nav {
#content {
overscroll-behavior-y: none;
overflow-y: auto;
overflow-y: scroll;
overflow-x: hidden;
position: sticky;
}
@ -198,19 +198,23 @@ nav {
margin-left: -2em;
padding-left: 2.5em;
&:not(.-show-scrollbar) {
scrollbar-width: none;
margin-right: -2em;
padding-right: 2.5em;
// Only show custom scrollbars on devices which
// have a cursor/pointer to operate them
@media (pointer: fine) {
&:not(.-show-scrollbar) {
scrollbar-width: none;
margin-right: -2em;
padding-right: 2.5em;
&::-webkit-scrollbar {
display: block;
width: 0;
&::-webkit-scrollbar {
display: block;
width: 0;
}
}
}
.panel-heading.-sticky {
top: -10px;
.panel-heading.-sticky {
top: -10px;
}
}
}
}

View file

@ -41,8 +41,8 @@
<router-view />
</div>
<div id="notifs-column" class="column -scrollable" :class="{ '-show-scrollbar': showScrollbars }"/>
<media-modal />
</div>
<media-modal />
<shout-panel
v-if="currentUser && shout && !hideShoutbox"
:floating="true"

View file

@ -133,18 +133,9 @@
.chat-view-heading {
box-sizing: border-box;
position: static;
z-index: 9999;
top: 0;
margin-top: 0;
border-radius: 0;
/* This practically overlays the panel heading color over panel background
* color. This is needed because we allow transparent panel background and
* it doesn't work well in this "disjointed panel header" case
*/
background:
linear-gradient(to top, var(--panel), var(--panel)),
linear-gradient(to top, var(--bg), var(--bg));
height: 50px;
}

View file

@ -121,7 +121,7 @@ $modal-view-button-icon-width: 3em;
$modal-view-button-icon-margin: 0.5em;
.modal-view.media-modal-view {
z-index: 1001;
z-index: 9000;
flex-direction: column;
.modal-view-button-arrow,

View file

@ -35,7 +35,7 @@ export default {
<style lang="scss">
.modal-view {
z-index: 1000;
z-index: 2000;
position: fixed;
top: 0;
left: 0;