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>
</button>
<div class="title">
<span>{{ this.name }}</span>
</div>
<div class="title">{{ this.name }}</div>
<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">

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

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