nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-29 03:10:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Mobile navigation fix with hidden back button

Browse Source
This commit is contained in:
Peter Papp
2021-06-18 17:35:05 +02:00
parent f6f9199b87
commit 1c057e9f86
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/FilesView/MobileToolbar.vue
+8 -6
View File
@@ -2,8 +2,8 @@
<div class="mobile-toolbar"> <div class="mobile-toolbar">
<!-- Go back--> <!-- Go back-->
<div @click="goBack" class="go-back-button"> <div @click="goBack" class="go-back-button" :class="{'is-visible': browseHistory.length > 1}">
<chevron-left-icon :class="{'is-visible': browseHistory.length > 1}" size="17" class="icon-back" /> <chevron-left-icon size="17" class="icon-back" />
</div> </div>
<!--Folder Title--> <!--Folder Title-->
@@ -106,18 +106,20 @@
.go-back-button { .go-back-button {
text-align: left; text-align: left;
flex: 1; flex: 1;
opacity: 0;
visibility: hidden;
pointer-events: none;
.icon-back { .icon-back {
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
opacity: 0;
visibility: hidden;
margin-top: -2px; margin-top: -2px;
}
&.is-visible { &.is-visible {
opacity: 1; pointer-events: initial;
visibility: visible; visibility: visible;
} opacity: 1;
} }
} }