...
 
Commits (3)
{
"devDependencies": {
"less": "^2.5",
"less-plugin-clean-css": "^1.5",
"less-plugin-autoprefix": "1.5",
"uglify-js": "^2.5",
"jshint": "^2.8",
"jade": "^1.11",
"requirejs": "^2.1",
"csso": "^1.4"
"dependencies": {
"less": "^3",
"less-plugin-autoprefixer": "^2.1",
"less-plugin-clean-css": "^1.5"
},
"scripts": {
"build": "for f in $(find vispa -name '*.less'); do lessc \"$f\" ${f%.less}.css --verbose --clean-css='--s1 --keep-line-breaks' --autoprefix; done"
}
"scripts": {
"build": "for f in $(find vispa -name '*.less'); do lessc \"$f\" \"${f%.less}.css\" --verbose --clean-css='--s1 --keep-line-breaks' --autoprefixer; done"
}
}
This diff is collapsed.
......@@ -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 {
......@@ -329,13 +306,11 @@
}
> .name {
text-align: center;
// word-break: break-all;
overflow-wrap: break-word;
word-break: break-all;
display: block;
display: -webkit-box;
// max-width: 100%;
max-height: @icons-line-height * @icons-max-lines;
padding: 0.15em;
max-height: @icons-line-height * @icons-max-lines + 0.1em;
margin: 0.15em;
line-height: @icons-line-height;
-webkit-line-clamp: @icons-max-lines;
-webkit-box-orient: vertical;
......
......@@ -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>
......
.gallery>.modal-content{width:90%!important;height:calc(95% - 20px);max-width:none!important;max-height:none!important;display:block}
.gallery>.modal-content>.modal-header #new-window{font-size:inherit;border:none}
.gallery>.modal-content>.modal-body{height:calc(100% - 89px);-ms-flex:initial;flex:initial;position:relative}
.gallery>.modal-content>.modal-body{height:calc(100% - 89px);flex:initial;position:relative}
.gallery>.modal-content>.modal-body #next,.gallery>.modal-content>.modal-body #previous{position:absolute;top:0;height:100%;width:30%;z-index:1;opacity:0;transition:opacity .5s}
.gallery>.modal-content>.modal-body #next:hover,.gallery>.modal-content>.modal-body #previous:hover{opacity:1}
.gallery>.modal-content>.modal-body #next>button,.gallery>.modal-content>.modal-body #previous>button{position:absolute;top:50%;transform:translate(0,-50%);border-radius:50%;padding:6px 9px;cursor:default}
......
......@@ -13,7 +13,7 @@ ul.dropdown-menu>li.divider:first-child,ul.dropdown-menu>li.divider:last-child{d
.dropdown-submenu:hover>a:after{border-left-color:#fff}
.vispa-hidden{display:hidden}
.vispa-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);cursor:default;z-index:10}
.vispa-center-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.vispa-center-center{display:flex;justify-content:center;align-items:center}
.vispa-table-outer{display:table;height:100%;width:100%}
.vispa-table-inner{display:table-cell;vertical-align:middle}
.vispa-rtl-fix{color:transparent;font-size:0}
......
This diff is collapsed.
......@@ -13,7 +13,7 @@ ul.dropdown-menu>li.divider:first-child,ul.dropdown-menu>li.divider:last-child{d
.dropdown-submenu:hover>a:after{border-left-color:#fff}
.vispa-hidden{display:hidden}
.vispa-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);cursor:default;z-index:10}
.vispa-center-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.vispa-center-center{display:flex;justify-content:center;align-items:center}
.vispa-table-outer{display:table;height:100%;width:100%}
.vispa-table-inner{display:table-cell;vertical-align:middle}
.vispa-rtl-fix{color:transparent;font-size:0}
......
......@@ -13,7 +13,7 @@ ul.dropdown-menu>li.divider:first-child,ul.dropdown-menu>li.divider:last-child{d
.dropdown-submenu:hover>a:after{border-left-color:#fff}
.vispa-hidden{display:hidden}
.vispa-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);cursor:default;z-index:10}
.vispa-center-center{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.vispa-center-center{display:flex;justify-content:center;align-items:center}
.vispa-table-outer{display:table;height:100%;width:100%}
.vispa-table-inner{display:table-cell;vertical-align:middle}
.vispa-rtl-fix{color:transparent;font-size:0}
......