chiu
/
filebrowser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

fix: previewer title overflow

This commit is contained in:
Ramires Viana 2020-11-04 12:11:18 +00:00
parent e119bc55ea
commit 4e48ffc14d
2 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/files/Preview.vue
View File

@ -5,9 +5,7 @@
<i class="material-icons">close</i> <i class="material-icons">close</i>
</button> </button>
<div class="title"> <div class="title">{{ this.name }}</div>
<span>{{ this.name }}</span>
</div>
<preview-size-button v-if="isResizeEnabled && this.req.type === 'image'" @change-size="toggleSize" v-bind:size="fullSize" :disabled="loading"></preview-size-button> <preview-size-button v-if="isResizeEnabled && this.req.type === 'image'" @change-size="toggleSize" v-bind:size="fullSize" :disabled="loading"></preview-size-button>
<button @click="openMore" id="more" :aria-label="$t('buttons.more')" :title="$t('buttons.more')" class="action"> <button @click="openMore" id="more" :aria-label="$t('buttons.more')" :title="$t('buttons.more')" class="action">

17
frontend/src/css/styles.css
View File

@ -119,18 +119,23 @@
#previewer .bar { #previewer .bar {
width: 100%; width: 100%;
text-align: right;
display: flex; display: flex;
padding: 0.5em; padding: 0.5em;
height: 3.7em; height: 3.7em;
} }
#previewer .bar > * {
flex: 0 0 auto;
}
#previewer .bar .title { #previewer .bar .title {
margin-right: auto; display: block;
flex: 1 1 auto;
padding: 0 1em; padding: 0 1em;
line-height: 2.7em; line-height: 2.3em;
overflow: hidden; overflow: hidden;
word-break: break-word; text-overflow: ellipsis;
font-size: 1.2em;
color: #fff; color: #fff;
} }
@ -220,10 +225,6 @@
word-break: break-word; word-break: break-word;
} }
#previewer .title span {
font-size: 1.2em;
}
#previewer .loading { #previewer .loading {
height: 100%; height: 100%;
width: 100%; width: 100%;