therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make nav bar slide, move mobile post status to mobile nav

Browse source
This commit is contained in:
shpuld 2019-03-14 17:46:04 +02:00
parent 7ce8fe9214
commit f19284357e
6 changed files with 105 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

72
src/App.scss
View file

@ -484,24 +484,6 @@ nav {
}
}
.menu-button {
display: none;
position: relative;
}
.alert-dot {
border-radius: 100%;
height: 8px;
width: 8px;
position: absolute;
left: calc(50% - 4px);
top: calc(50% - 4px);
margin-left: 6px;
margin-top: -6px;
background-color: $fallback--cRed;
background-color: var(--badgeNotification, $fallback--cRed);
}
.fade-enter-active, .fade-leave-active {
transition: opacity .2s
}
@ -530,20 +512,6 @@ nav {
display: none;
}
.panel-switcher {
display: none;
width: 100%;
height: 46px;
button {
display: block;
flex: 1;
max-height: 32px;
margin: 0.5em;
padding: 0.5em;
}
}
@media all and (min-width: 800px) {
body {
overflow-y: scroll;
@ -671,46 +639,6 @@ nav {
border-radius: var(--inputRadius, $fallback--inputRadius);
}
.mobile-notifications {
position: fixed;
width: 100vw;
height: 100vh;
top: calc(50px - 28px - 1.2em);
left: 0;
z-index: 999;
overflow-x: hidden;
overflow-y: scroll;
transition-property: transform;
transition-duration: 0.25s;
transform: translate(0);
background-color: $fallback--bg;
background-color: var(--bg, $fallback--bg);
.notifications {
margin: 0;
padding: 0;
border-radius: 0;
box-shadow: none;
.panel {
border-radius: 0;
margin: 0;
box-shadow: none;
}
.panel:after {
border-radius: 0;
}
.panel .panel-heading {
border-radius: 0;
box-shadow: none;
}
}
&.closed {
transform: translate(100%);
}
}
@keyframes modal-background-fadein {
from {
background-color: rgba(0, 0, 0, 0);