Commit a2c1fd1d authored by asseldonk's avatar asseldonk
Browse files

file: new fileicons

parent 9b833976
.file-content{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.fileselector>.file-content{position:relative;height:100%;width:100%;overflow:hidden}.fileselector>.file-view-content-container{max-height:250px}.actionmenu{position:absolute;display:none}.file-menu{height:0;overflow:auto;visibility:hidden}.table-info-dialog>tbody>tr>td{border:none;border:0;border-top:0}.table-info-dialog-width{width:114px}.table-info-dialog{overflow:hidden;table-layout:fixed;word-wrap:break-word}.file-info-dialog-header{margin-bottom:20px}.filterField{bottom:5px;right:5px;position:absolute;visibility:hidden;width:300px;z-index:99}.file-dragover{background-color:#5cb85c !important;opacity:.5}.file-dragstart{opacity:.4}[draggable=true]{cursor:move;-khtml-user-drag:element}.file-path-bar{line-height:15px !important;width:100% !important;position:absolute !important;left:0 !important;bottom:0 !important;height:32px !important;background-color:#f5f5f5;overflow-x:auto;overflow-y:hidden;border-top:1px solid #ddd}.file-path-bar>.bookmark-opener{left:0;bottom:0;width:32px;height:32px;position:absolute;padding:8px 0;cursor:pointer;border-right:1px solid #ddd}.file-path-bar>.bookmark-opener:hover{background-color:#dcdcdc}.file-path-bar>.breadcrumb{border-radius:0;background-color:#f5f5f5;left:32px;top:0;position:absolute}.file-path-bar>.breadcrumb>li,.file-path-bar>.breadcrumb li:before{color:#333}/*# sourceMappingURL=base.css.map */
\ No newline at end of file
.file-content{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}.fileselector>.file-content{position:relative;height:100%;width:100%;overflow:hidden}.fileselector>.file-view-content-container{max-height:250px}.actionmenu{position:absolute;display:none}.file-menu{height:0;overflow:auto;visibility:hidden}.table-info-dialog>tbody>tr>td{border:none;border:0;border-top:0}.table-info-dialog-width{width:114px}.table-info-dialog{overflow:hidden;table-layout:fixed;word-wrap:break-word}.file-info-dialog-header{margin-bottom:20px}.filterField{bottom:5px;right:5px;position:absolute;visibility:hidden;width:300px;z-index:99}.file-dragover{background-color:#5cb85c !important;opacity:.5}.file-dragstart{opacity:.4}[draggable=true]{cursor:move;-khtml-user-drag:element}.file-path-bar{line-height:15px !important;width:100% !important;position:absolute !important;left:0 !important;top:0 !important;height:32px !important;background-color:#fff;overflow-x:auto;overflow-y:hidden}.file-path-bar>.bookmark-opener{left:0;bottom:0;width:32px;height:32px;position:absolute;padding:8px 0;cursor:pointer;border-right:1px solid #ddd}.file-path-bar>.bookmark-opener:hover{background-color:#dcdcdc}.file-path-bar>.breadcrumb{border-radius:0;background-color:#fff;left:32px;top:0;position:absolute}.file-path-bar>.breadcrumb>li,.file-path-bar>.breadcrumb li:before{color:#333}@font-face{font-family:'file_icons';src:url('../../fonts/file_icons.eot');src:url('../../fonts/file_icons.eot') format('embedded-opentype'),url('../../fonts/file_icons.woff') format('woff'),url('../../fonts/file_icons.ttf') format('truetype'),url('../../fonts/file_icons.svg#file_icons') format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'file_icons';font-size:40px;color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-bmp:before{content:"\e600"}.icon-c:before{content:"\e601"}.icon-cc:before{content:"\e602"}.icon-conf:before{content:"\e603"}.icon-cpp:before{content:"\e604"}.icon-csh:before{content:"\e605"}.icon-css:before{content:"\e606"}.icon-default:before{content:"\e607"}.icon-default-alt:before{content:"\e608"}.icon-default-symlink:before{content:"\e609"}.icon-eps:before{content:"\e60a"}.icon-f:before{content:"\e60b"}.icon-f03:before{content:"\e60c"}.icon-f90:before{content:"\e60d"}.icon-f95:before{content:"\e60e"}.icon-F:before{content:"\e60f"}.icon-F03:before{content:"\e610"}.icon-F90:before{content:"\e611"}.icon-F95:before{content:"\e612"}.icon-folder:before{content:"\e613"}.icon-folder-open:before{content:"\e614"}.icon-folder-symlink:before{content:"\e615"}.icon-gif:before{content:"\e616"}.icon-h:before{content:"\e617"}.icon-html:before{content:"\e618"}.icon-ico:before{content:"\e619"}.icon-ini:before{content:"\e61a"}.icon-jade:before{content:"\e61b"}.icon-jpeg:before{content:"\e61c"}.icon-jpg:before{content:"\e61d"}.icon-js:before{content:"\e61e"}.icon-less:before{content:"\e61f"}.icon-lnk:before{content:"\e620"}.icon-log:before{content:"\e621"}.icon-mako:before{content:"\e622"}.icon-pdf:before{content:"\e623"}.icon-png:before{content:"\e624"}.icon-ps:before{content:"\e625"}.icon-pxlio:before{content:"\e626"}.icon-py:before{content:"\e627"}.icon-pyc:before{content:"\e628"}.icon-rar:before{content:"\e629"}.icon-raw:before{content:"\e62a"}.icon-root:before{content:"\e62b"}.icon-sh:before{content:"\e62c"}.icon-svg:before{content:"\e62d"}.icon-tar:before{content:"\e62e"}.icon-targz:before{content:"\e62f"}.icon-tex:before{content:"\e630"}.icon-tif:before{content:"\e631"}.icon-tiff:before{content:"\e632"}.icon-txt:before{content:"\e633"}.icon-xml:before{content:"\e634"}.icon-yaml:before{content:"\e635"}.icon-yml:before{content:"\e636"}.icon-zip:before{content:"\e637"}.icon-folder,.icon-folder-open{font-size:30px}.icon-bmp,.icon-gif,.icon-ico,.icon-jpeg,.icon-jpg,.icon-png,.icon-raw,.icon-svg,.icon-tif,.icon-tiff{color:#003b0b}.icon-c,.icon-cc,.icon-cpp,.icon-h{color:#001059}.icon-f,.icon-f03,.icon-f90,.icon-f95,.icon-F,.icon-F03,.icon-F90,.icon-F95{color:#001059}.icon-css,.icon-html,.icon-jade,.icon-js,.icon-less,.icon-mako,.icon-tex,.icon-xml,.icon-yaml,.icon-yml{color:#340252}.icon-py,.icon-pyc{color:#d99305}.icon-pxlio{color:#2f7dad}.icon-root{color:#008a1a}.icon-eps,.icon-pdf,.icon-ps{color:#780500}.icon-rar,.icon-tar,.icon-targz,.icon-zip{color:#4a1402}.icon-sh,.icon-csh{color:#001059}
\ No newline at end of file
......@@ -6,6 +6,17 @@
@breadcrumb-bg: #f5f5f5;
@breadcrumb-padding-vertical: 8px;
@icon-brown: #4A1402;
@icon-red: #780500;
@icon-dark-blue: #001059;
@icon-light-blue: #2F7DAD;
@icon-purple: #340252;
@icon-dark-green: #003B0B;
@icon-light-green: #008A1A;
@icon-yellow: #D99305;
@icon-orange: #D16D00;
/* main template */
.file-content {
-moz-user-select: none;
......@@ -84,12 +95,11 @@
width: 100% !important;
position: absolute !important;
left: 0px !important;
bottom: 0px !important;
top: 0px !important;
height: 32px !important;
background-color: @breadcrumb-bg;
background-color: #fff;
overflow-x: auto;
overflow-y: hidden;
border-top: 1px solid @table-border-color; //entry has to be removed, when bookmarks leave this place
> .bookmark-opener {
//block has to be removed, when bookmarks leave this place
left: 0px;
......@@ -106,8 +116,7 @@
}
> .breadcrumb {
border-radius: 0px;
background-color: @breadcrumb-bg;
// border-top: 1px solid @table-border-color; entry has to be set when bookmarks leave this place
background-color: #fff;
left: 32px; // entry has to be removed, when bookamrks leave this place
top: 0px; // entry has to be removed, when bookamrks leave this place
position: absolute; // entry has to be removed, when bookamrks leave this place
......@@ -116,3 +125,258 @@
}
}
}
// font for fileicons
@font-face {
font-family: 'file_icons';
src:url('../../fonts/file_icons.eot');
src:url('../../fonts/file_icons.eot') format('embedded-opentype'),
url('../../fonts/file_icons.woff') format('woff'),
url('../../fonts/file_icons.ttf') format('truetype'),
url('../../fonts/file_icons.svg#file_icons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'file_icons';
/* speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;*/
font-size: 40px;
color: #444;
// cursor: pointer;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-bmp:before {
content: "\e600";
}
.icon-c:before {
content: "\e601";
}
.icon-cc:before {
content: "\e602";
}
.icon-conf:before {
content: "\e603";
}
.icon-cpp:before {
content: "\e604";
}
.icon-csh:before {
content: "\e605";
}
.icon-css:before {
content: "\e606";
}
.icon-default:before {
content: "\e607";
}
.icon-default-alt:before {
content: "\e608";
}
.icon-default-symlink:before {
content: "\e609";
}
.icon-eps:before {
content: "\e60a";
}
.icon-f:before {
content: "\e60b";
}
.icon-f03:before {
content: "\e60c";
}
.icon-f90:before {
content: "\e60d";
}
.icon-f95:before {
content: "\e60e";
}
.icon-F:before {
content: "\e60f";
}
.icon-F03:before {
content: "\e610";
}
.icon-F90:before {
content: "\e611";
}
.icon-F95:before {
content: "\e612";
}
.icon-folder:before {
content: "\e613";
}
.icon-folder-open:before {
content: "\e614";
}
.icon-folder-symlink:before {
content: "\e615";
}
.icon-gif:before {
content: "\e616";
}
.icon-h:before {
content: "\e617";
}
.icon-html:before {
content: "\e618";
}
.icon-ico:before {
content: "\e619";
}
.icon-ini:before {
content: "\e61a";
}
.icon-jade:before {
content: "\e61b";
}
.icon-jpeg:before {
content: "\e61c";
}
.icon-jpg:before {
content: "\e61d";
}
.icon-js:before {
content: "\e61e";
}
.icon-less:before {
content: "\e61f";
}
.icon-lnk:before {
content: "\e620";
}
.icon-log:before {
content: "\e621";
}
.icon-mako:before {
content: "\e622";
}
.icon-pdf:before {
content: "\e623";
}
.icon-png:before {
content: "\e624";
}
.icon-ps:before {
content: "\e625";
}
.icon-pxlio:before {
content: "\e626";
}
.icon-py:before {
content: "\e627";
}
.icon-pyc:before {
content: "\e628";
}
.icon-rar:before {
content: "\e629";
}
.icon-raw:before {
content: "\e62a";
}
.icon-root:before {
content: "\e62b";
}
.icon-sh:before {
content: "\e62c";
}
.icon-svg:before {
content: "\e62d";
}
.icon-tar:before {
content: "\e62e";
}
.icon-targz:before {
content: "\e62f";
}
.icon-tex:before {
content: "\e630";
}
.icon-tif:before {
content: "\e631";
}
.icon-tiff:before {
content: "\e632";
}
.icon-txt:before {
content: "\e633";
}
.icon-xml:before {
content: "\e634";
}
.icon-yaml:before {
content: "\e635";
}
.icon-yml:before {
content: "\e636";
}
.icon-zip:before {
content: "\e637";
}
// folder
.icon-folder, .icon-folder-open {
font-size: 30px;
}
// colors for icons
// pictures
.icon-bmp, .icon-gif, .icon-ico, .icon-jpeg, .icon-jpg, .icon-png, .icon-raw, .icon-svg, .icon-tif, .icon-tiff {
color: @icon-dark-green;
}
// coding
.icon-c, .icon-cc, .icon-cpp, .icon-h {
color: @icon-dark-blue;
}
.icon-f, .icon-f03, .icon-f90, .icon-f95, .icon-F, .icon-F03, .icon-F90, .icon-F95 {
color: @icon-dark-blue;
}
.icon-css, .icon-html, .icon-jade, .icon-js, .icon-less, .icon-mako, .icon-tex, .icon-xml, .icon-yaml, .icon-yml {
color: @icon-purple;
}
.icon-py, .icon-pyc {
color: @icon-yellow;
}
// pxlio
.icon-pxlio {
color: @icon-light-blue;
}
// root
.icon-root {
color: @icon-light-green;
}
// adobe
.icon-eps, .icon-pdf, .icon-ps {
color: @icon-red;
}
// packed
.icon-rar, .icon-tar, .icon-targz, .icon-zip {
color: @icon-brown;
}
.icon-sh, .icon-csh {
color: @icon-dark-blue;
}
.bookmark-container{position:absolute;left:0;bottom:32px;overflow:hidden;padding:0;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:#f5f5f5;z-index:1000;visibility:hidden}.bookmark-container .bookmark-button{background-color:#f5f5f5;margin:6px 12px}.bookmark-container .bookmark-button:hover{background-color:#dcdcdc}.bookmark-container>.bookmarks{overflow:auto;white-space:nowrap}.bookmark-container>.bookmarks>.bookmark{padding:6px 12px;margin:0;cursor:pointer}.bookmark-container>.bookmarks>.bookmark:hover{background-color:#dcdcdc}.bookmark-container>.bookmarks>.bookmark:hover>a{color:#333}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol{color:#333}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol:hover{color:#000 !important}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit{color:#f5f5f5}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit:hover{color:#000 !important}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove{color:#f5f5f5}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove:hover{color:#000 !important}/*# sourceMappingURL=bookmark.css.map */
\ No newline at end of file
.bookmark-container{position:absolute;left:0;top:32px;overflow:hidden;padding:0;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:#f5f5f5;z-index:1000;visibility:hidden}.bookmark-container .bookmark-button{background-color:#f5f5f5;margin:6px 12px}.bookmark-container .bookmark-button:hover{background-color:#dcdcdc}.bookmark-container>.bookmarks{overflow:auto;white-space:nowrap}.bookmark-container>.bookmarks>.bookmark{padding:6px 12px;margin:0;cursor:pointer}.bookmark-container>.bookmarks>.bookmark:hover{background-color:#dcdcdc}.bookmark-container>.bookmarks>.bookmark:hover>a{color:#333}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol{color:#333}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol:hover{color:#000 !important}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit{color:#f5f5f5}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit:hover{color:#000 !important}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove{color:#f5f5f5}.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove:hover{color:#000 !important}
\ No newline at end of file
......@@ -11,7 +11,7 @@
.bookmark-container {
position: absolute;
left: 0px;
bottom: 32px;
top: 32px;
overflow: hidden;
padding: 0px;
border-top: 1px solid @table-border-color;
......
.file-view-symbol {
/*position: absolute;*/
margin-top: 40px;
overflow: auto;
-webkit-user-select: none;
height: 100%;
......
.file-table-select-column{width:50px;text-align:center}.file-table-icon-column{width:70px;text-align:left}.file-table-size-column{width:120px;text-align:right}.file-table-time-column{width:215px;padding-left:20px;text-align:left}.file-table-options-column{width:50px;text-align:center}.files-table-first-row{display:-webkit-flex;display:flex;height:36px;padding-top:7px;border-bottom:3px solid #ddd}.files-table-first-row>.select{width:50px;text-align:center}.files-table-first-row>.icon{width:70px;text-align:left}.files-table-first-row>.size{width:120px;text-align:right}.files-table-first-row>.time{width:215px;padding-left:20px;text-align:left}.files-table-first-row>.options{width:50px;text-align:center}.files-table-first-row>.name,.files-table-first-row>.size,.files-table-first-row>.time{cursor:pointer}.files-table{position:absolute;bottom:32px;right:0;top:36px;left:0;overflow-y:auto}.files-table>.node{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:50px;border-bottom:1px solid #ddd}.files-table>.node:hover{background-color:#f5f5f5}.files-table>.node:not(:hover) .edit-tools{visibility:collapse}.files-table>.node[selected]{background-color:#f5f5f5}.files-table>.node>.select{width:50px;text-align:center}.files-table>.node>.icon{width:70px;text-align:left}.files-table>.node>.icon>.file-symlink-file{display:block;height:0;left:18px;position:relative;right:5px;text-align:left;top:-42px}.files-table>.node>.icon>.file-symlink-dir{display:block;height:0;position:relative;right:5px;text-align:left;top:-27px;left:13px}.files-table>.node>.name{-webkit-flex:1;flex:1}.files-table>.node>.name>.input-filename{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}.files-table>.node>.name>.input-filename:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.files-table>.node>.name>.input-filename::-webkit-input-placeholder{color:#999}.files-table>.node>.name>.input-filename:-moz-placeholder{color:#999;opacity:1}.files-table>.node>.name>.input-filename::-moz-placeholder{color:#999;opacity:1}.files-table>.node>.name>.input-filename:-ms-input-placeholder{color:#999}.files-table>.node>.name .filename-root{display:inline-block;vertical-align:middle;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.files-table>.node>.name .filename-ext{white-space:nowrap;vertical-align:middle}.files-table>.node>.edit-tools{font-size:12px;width:320px;text-align:right}.files-table>.node>.edit-tools .glyphicon{margin-left:14px}.files-table>.node>.edit-tools .glyphicon-pencil{margin-left:4px}@media (max-width:992px){.files-table>.node>.edit-tools{width:160px}.files-table>.node>.edit-tools .glyphicon{margin-left:20px}.files-table>.node>.edit-tools .glyphicon-pencil{margin-left:8px}}.files-table>.node>.size{width:120px;text-align:right}.files-table>.node>.time{width:215px;padding-left:20px;text-align:left}.files-table>.node>.options{width:50px;text-align:center;cursor:pointer}
\ No newline at end of file
.file-table-select-column{width:70px;text-align:center}.file-table-icon-column{width:70px;text-align:left}.file-table-size-column{width:120px;text-align:right}.file-table-time-column{width:215px;padding-left:20px;text-align:left}.file-table-options-column{width:50px;text-align:center}.file-view-table .file-table-first-row{position:absolute;top:38px;left:0;display:-webkit-flex;display:flex;height:36px;padding-top:7px;border-bottom:3px solid #ddd}.file-view-table .file-table-first-row>.select{width:70px;text-align:center}.file-view-table .file-table-first-row>.icon{width:70px;text-align:left}.file-view-table .file-table-first-row>.size{width:120px;text-align:right}.file-view-table .file-table-first-row>.time{width:215px;padding-left:20px;text-align:left}.file-view-table .file-table-first-row>.options{width:50px;text-align:center}.file-view-table .file-table-first-row>.name,.file-view-table .file-table-first-row>.size,.file-view-table .file-table-first-row>.time{cursor:pointer}.file-view-table .file-table{position:absolute;bottom:0;right:0;top:74px;left:0;overflow-y:auto}.file-view-table .file-table>.node{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:40px}.file-view-table .file-table>.node:nth-child(2n){background-color:#f9f9f9}.file-view-table .file-table>.node:hover{background-color:#f5f5f5}.file-view-table .file-table>.node:not(:hover) .edit-tools{visibility:collapse}.file-view-table .file-table>.node[selected]{background-color:#f5f5f5}.file-view-table .file-table>.node>.select{width:70px;text-align:center}.file-view-table .file-table>.node>.icon{width:70px;text-align:left}.file-view-table .file-table>.node>.icon>[class^="icon-"],.file-view-table .file-table>.node>.icon [class*=" icon-"]{font-size:30px}.file-view-table .file-table>.node>.icon>.icon-folder,.file-view-table .file-table>.node>.icon .icon-folder-open,.file-view-table .file-table>.node>.icon .icon-folder-symlink{font-size:24px}.file-view-table .file-table>.node>.name{-webkit-flex:1;flex:1}.file-view-table .file-table>.node>.name>.input-filename{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}.file-view-table .file-table>.node>.name>.input-filename:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.file-view-table .file-table>.node>.name>.input-filename::-webkit-input-placeholder{color:#999}.file-view-table .file-table>.node>.name>.input-filename:-moz-placeholder{color:#999;opacity:1}.file-view-table .file-table>.node>.name>.input-filename::-moz-placeholder{color:#999;opacity:1}.file-view-table .file-table>.node>.name>.input-filename:-ms-input-placeholder{color:#999}.file-view-table .file-table>.node>.name .filename-root{display:inline-block;vertical-align:middle;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-view-table .file-table>.node>.name .filename-ext{white-space:nowrap;vertical-align:middle}.file-view-table .file-table>.node>.edit-tools{font-size:12px;width:320px;text-align:right}.file-view-table .file-table>.node>.edit-tools .glyphicon{margin-left:14px}.file-view-table .file-table>.node>.edit-tools .glyphicon-pencil{margin-left:4px}@media (max-width:992px){.file-view-table .file-table>.node>.edit-tools{width:160px}.file-view-table .file-table>.node>.edit-tools .glyphicon{margin-left:20px}.file-view-table .file-table>.node>.edit-tools .glyphicon-pencil{margin-left:8px}}.file-view-table .file-table>.node>.size{width:120px;text-align:right}.file-view-table .file-table>.node>.time{width:215px;padding-left:20px;text-align:left}.file-view-table .file-table>.node>.options{width:50px;text-align:center;cursor:pointer}
\ No newline at end of file
......@@ -25,13 +25,15 @@
@gray-light: lighten(#000, 46.7%); // #777
@gray-lighter: lighten(#000, 93.5%); // #eee
@table-bg: transparent;
@table-bg-accent: #f9f9f9;
@table-bg-hover: #f5f5f5;
@table-bg-active: @table-bg-hover;
@table-border-color: #ddd;
@width-edit-tool-small: 160px;
@width-edit-tool-large: 320px;
@width-select-column: 50px;
@width-select-column: 70px;
@width-icon-column: 70px;
@width-size-column: 120px;
@width-time-column: 215px;
......@@ -68,162 +70,162 @@
text-align: center;
}
/* first row of the filelist */
.files-table-first-row {
display: -webkit-flex;
display: flex;
height: 36px;
padding-top: 7px;
border-bottom: 3px solid @table-border-color;
> .select {
.file-table-select-column;
}
> .icon {
.file-table-icon-column;
}
> .size {
.file-table-size-column;
}
> .time {
.file-table-time-column;
}
> .options {
.file-table-options-column;
}
> .name, > .size, > .time {
cursor: pointer;
}
}
/* all other rows */
.files-table {
position: absolute;
bottom: 32px;
right: 0px;
top: 36px;
left: 0px;
overflow-y: auto;
> .node {
display: -webkit-box; // OLD - iOS 6-, Safari 3.1-6
display: -moz-box; // OLD - Firefox 19- (buggy but mostly works)
display: -ms-flexbox; // TWEENER - IE 10
.file-view-table {
/* first row of the filelist */
.file-table-first-row {
position: absolute;
top: 38px;
left: 0px;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 50px;
border-bottom: 1px solid @table-border-color;
&:hover {
background-color: @table-bg-hover;
}
&:not(:hover) .edit-tools {
visibility: collapse;
}
&[selected] {
background-color: @table-bg-active;
}
height: 36px;
padding-top: 7px;
border-bottom: 3px solid @table-border-color;
> .select {
.file-table-select-column;
}
> .icon {
.file-table-icon-column;
> .file-symlink-file {
display: block;
height: 0;
left: 18px;
position: relative;
right: 5px;
text-align: left;
top: -42px;
}
> .size {
.file-table-size-column;
}
> .time {
.file-table-time-column;
}
> .options {
.file-table-options-column;
}
> .name, > .size, > .time {
cursor: pointer;
}
}
/* all other rows */
.file-table {
position: absolute;
bottom: 0px;
right: 0px;
top: 74px;
left: 0px;
overflow-y: auto;
> .node {
display: -webkit-box; // OLD - iOS 6-, Safari 3.1-6
display: -moz-box; // OLD - Firefox 19- (buggy but mostly works)
display: -ms-flexbox; // TWEENER - IE 10
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 40px;
// border-bottom: 1px solid @table-border-color;
&:nth-child(2n) {
background-color: @table-bg-accent;
}
> .file-symlink-dir {
display: block;
height: 0;
position: relative;
right: 5px;
text-align: left;
top: -27px;
left: 13px;
&:hover {
background-color: @table-bg-hover;
}
}
> .name {
-webkit-flex: 1;
flex: 1;
> .input-filename {
background-color: @input-bg;
background-image: none;
border: 1px solid @input-border;
border-radius: @input-border-radius;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: @input-color;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
&:focus {
border-color: @input-border-focus;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
&::-webkit-input-placeholder { // WebKit browsers
color: @input-color-placeholder;
}
&:-moz-placeholder { // Mozilla Firefox 4 to 18
color: @input-color-placeholder;
opacity: 1;
}
&::-moz-placeholder { // Mozilla Firefox 19+
color: @input-color-placeholder;
opacity: 1;
}
&:-ms-input-placeholder { // Internet Explorer 10+
color: @input-color-placeholder;
}
//&:hover [class^="icon-"], [class*=" icon-"] {
// opacity: 0.8;
//}
&:not(:hover) .edit-tools {
visibility: collapse;
}
.filename-root {
display: inline-block;
vertical-align: middle;
max-width: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&[selected] {
background-color: @table-bg-active;
}
.filename-ext {
white-space: nowrap;
vertical-align: middle;
> .select {
.file-table-select-column;
}
}
> .edit-tools {
font-size: 12px;
width: @width-edit-tool-large;
text-align: right;
.glyphicon {
margin-left: 14px;
> .icon {
.file-table-icon-column;
> [class^="icon-"], [class*=" icon-"] {
font-size: 30px;
}
> .icon-folder, .icon-folder-open, .icon-folder-symlink {
font-size: 24px;
}
}
.glyphicon-pencil {
margin-left: 4px;
> .name {
-webkit-flex: 1;
flex: 1;
> .input-filename {
background-color: @input-bg;
background-image: none;
border: 1px solid @input-border;
border-radius: @input-border-radius;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: @input-color;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;