add everything back

This commit is contained in:
Graham Steffaniak 2023-07-29 10:38:55 -05:00
parent 5364b3fb13
commit c768f3762a
3 changed files with 29 additions and 75 deletions

View File

@ -171,3 +171,30 @@ body.rtl .breadcrumbs a {
.break-word { .break-word {
word-break: break-all; word-break: break-all;
} }
#file-selection {
position: fixed;
bottom: 1em;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
width: 95%;
max-width: 20em;
z-index: 1;
}
#file-selection .action {
border-radius: 50%;
width: auto;
}
#file-selection > span {
display: inline-block;
margin-left: 1em;
color: #6f6f6f;
margin-right: auto;
}
#file-selection .action span {
display: none;
}

View File

@ -25,33 +25,6 @@
transform-origin: top left; transform-origin: top left;
} }
#file-selection {
position: fixed;
bottom: 1em;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
width: 95%;
max-width: 20em;
z-index: 1;
}
#file-selection .action {
border-radius: 50%;
width: auto;
}
#file-selection > span {
display: inline-block;
margin-left: 1em;
color: #6f6f6f;
margin-right: auto;
}
#file-selection .action span {
display: none;
}
header img { header img {
display: none; display: none;
} }

View File

@ -3,52 +3,6 @@
<header-bar showMenu showLogo> <header-bar showMenu showLogo>
<search /> <search />
<template #actions> <template #actions>
<template >
<action
v-if="headerButtons.share"
icon="share"
:label="$t('buttons.share')"
show="share"
/>
<action
v-if="headerButtons.rename"
icon="mode_edit"
:label="$t('buttons.rename')"
show="rename"
/>
<action
v-if="headerButtons.copy"
id="copy-button"
icon="content_copy"
:label="$t('buttons.copyFile')"
show="copy"
/>
<action
v-if="headerButtons.move"
id="move-button"
icon="forward"
:label="$t('buttons.moveFile')"
show="move"
/>
<action
v-if="headerButtons.delete"
id="delete-button"
icon="delete"
:label="$t('buttons.delete')"
show="delete"
/>
<action
v-if="headerButtons.info"
icon="info"
:label="$t('buttons.info')"
show="info" />
<action
v-if="headerButtons.select"
icon="check_circle"
:label="$t('buttons.selectMultiple')"
@action="toggleMultipleSelection"
/>
</template>
<action <action
:icon="viewIcon" :icon="viewIcon"
:label="$t('buttons.switchView')" :label="$t('buttons.switchView')"
@ -57,7 +11,7 @@
</template> </template>
</header-bar> </header-bar>
<div v-if="isMobile" id="file-selection"> <div id="file-selection">
<span v-if="selectedCount > 0">{{ selectedCount }} selected</span> <span v-if="selectedCount > 0">{{ selectedCount }} selected</span>
<action <action
v-if="headerButtons.share" v-if="headerButtons.share"