nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-05 18:23:48 +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

36
resources/js/components/FilesView/MobileToolbar.vue
View File

@@ -2,8 +2,8 @@
<div class="mobile-toolbar">
<!-- Go back-->
<div @click="goBack" class="go-back-button">
<chevron-left-icon :class="{'is-visible': browseHistory.length > 1}" size="17" class="icon-back" />
<div @click="goBack" class="go-back-button" :class="{'is-visible': browseHistory.length > 1}">
<chevron-left-icon size="17" class="icon-back" />
</div>
<!--Folder Title-->
@@ -103,23 +103,25 @@
white-space: nowrap;
}
.go-back-button {
text-align: left;
flex: 1;
.go-back-button {
text-align: left;
flex: 1;
opacity: 0;
visibility: hidden;
pointer-events: none;
.icon-back {
vertical-align: middle;
cursor: pointer;
opacity: 0;
visibility: hidden;
margin-top: -2px;
.icon-back {
vertical-align: middle;
cursor: pointer;
margin-top: -2px;
}
&.is-visible {
opacity: 1;
visibility: visible;
}
}
}
&.is-visible {
pointer-events: initial;
visibility: visible;
opacity: 1;
}
}
.directory-name {
line-height: 1;