Commit 45c86eb1 authored by Benjamin Fischer's avatar Benjamin Fischer

extension/file2: fixed name ellipsis in detail view

parent 14a31baf
......@@ -50,13 +50,9 @@
.file2.browser>.item-container.detail>.header:not(:hover)>.actions,.file2.browser>.item-container.detail>.items>.item:not(:hover)>.actions{opacity:.4}
.file2.browser>.item-container.detail>.header.selected>.actions,.file2.browser>.item-container.detail>.items>.item.selected>.actions{opacity:1}
.file2.browser>.item-container.detail>.header>.processing,.file2.browser>.item-container.detail>.items>.item>.processing{-ms-flex:0 0 20px;flex:0 0 20px}
.file2.browser>.item-container.detail>.header>.name,.file2.browser>.item-container.detail>.items>.item>.name{-ms-flex:1 1 0px;flex:1 1 0px;position:relative}
.file2.browser>.item-container.detail>.header>.name>.floater,.file2.browser>.item-container.detail>.items>.item>.name>.floater{display:inline-block;max-width:100%;position:relative;visibility:hidden;white-space:nowrap}
.file2.browser>.item-container.detail>.header>.name>.floater>.flex,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex{top:0;position:absolute;width:100%;display:-ms-flexbox;display:flex;visibility:visible}
.file2.browser>.item-container.detail>.header>.name>.floater>.flex>.root,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex>.root{position:relative;-ms-flex:1 1 0px;flex:1 1 0px}
.file2.browser>.item-container.detail>.header>.name>.floater>.flex>.root>div,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex>.root>div{position:absolute;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.file2.browser>.item-container.detail>.header>.name>.floater>.flex>.ext,.file2.browser>.item-container.detail>.items>.item>.name>.floater>.flex>.ext{-ms-flex-negative:0;flex-shrink:0}
.file2.browser>.item-container.detail>.header>.name>input,.file2.browser>.item-container.detail>.items>.item>.name>input{width:100%}
.file2.browser>.item-container.detail>.header>.name,.file2.browser>.item-container.detail>.items>.item>.name{-ms-flex:1 1 0px;flex:1 1 0px;display:-ms-flexbox;display:flex;white-space:nowrap}
.file2.browser>.item-container.detail>.header>.name>.root,.file2.browser>.item-container.detail>.items>.item>.name>.root{overflow:hidden;text-overflow:ellipsis}
.file2.browser>.item-container.detail>.header>.name>input,.file2.browser>.item-container.detail>.items>.item>.name>input{-ms-flex:1 1;flex:1 1}
.file2.browser>.item-container.detail>.header>.size,.file2.browser>.item-container.detail>.items>.item>.size{-ms-flex:0 0 70px;flex:0 0 70px;text-align:right}
.file2.browser>.item-container.detail>.header>.modified,.file2.browser>.item-container.detail>.items>.item>.modified{text-align:right;-ms-flex:0 0 170px;flex:0 0 170px}
.file2.browser>.item-container.icons{overflow-y:scroll}
......
......@@ -231,37 +231,14 @@
}
> .name {
flex: 1 1 0px;
// below is the hack do get the ellipsis before the extension if needed
position: relative;
> .floater {
display: inline-block;
max-width: 100%;
position: relative;
visibility: hidden;
white-space: nowrap;
> .flex {
top: 0;
position: absolute;
width: 100%;
display: flex;
visibility: visible;
> .root {
position: relative;
flex: 1 1 0px;
> div {
position: absolute;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
}
> .ext {
flex-shrink: 0;
}
}
display: flex;
white-space: nowrap;
> .root {
overflow: hidden;
text-overflow: ellipsis;
}
> input {
width: 100%;
flex: 1 1;
}
}
> .size {
......
......@@ -25,7 +25,7 @@
:active.sync="renameing"
:selection-range-end="data.root.length"
@renamed="renameFinish"
><div class="floater">{{data.root}}&#8203;{{data.ext}}<div class="flex"><div class="root"><div>{{data.root}}</div></div><div class="ext">{{data.ext}}</div></div></div>
><div class="root">{{data.root}}</div><div class="ext">{{data.ext}}</div>
</renamer>
<div class="actions">
<a @click="action('rename', {event: $event})"><i class="fa fa-pencil"></i><span>Rename</span></a>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment