Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix nav toggle on mobile screens

Browse Source
This commit is contained in:
Jonas Heinrich 2020-11-09 10:59:44 +01:00
parent 1337754515
commit 199a478706
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Main.vue
View File

@ -257,13 +257,9 @@ export default {
<style> <style>
.app-navigation-toggle { /* Make breadcrumbs sticky and intransparent.
display: none; Move them to the right and show navigation
} toggle on smaller screens */
.app-content-vue {
padding-left: 5px;
}
.breadcrumbs { .breadcrumbs {
background-color: var(--color-main-background-translucent); background-color: var(--color-main-background-translucent);
@ -272,6 +268,16 @@ export default {
position: -webkit-sticky; position: -webkit-sticky;
top: 50px; top: 50px;
padding-bottom: 5px; padding-bottom: 5px;
margin-left: 35px;
}
@media only screen and (min-width: 1024px) {
.app-navigation-toggle {
display: none;
}
.breadcrumbs {
margin-left: 0px;
}
} }
</style> </style>