Commit 34c7a143 authored by Benjamin Fischer's avatar Benjamin Fischer

FileBrowser: removed old extension

parent 976571eb
# -*- coding: utf-8 -*-
import cherrypy
from vispa.server import AbstractExtension
from vispa.controller import AbstractController
from .controller import FileController
class FileBrowserController(AbstractController):
pass
class FileBrowserExtension(AbstractExtension):
def name(self):
return 'file'
def dependencies(self):
return []
def setup(self):
self.add_controller(FileController())
# -*- coding: utf-8 -*-
import cherrypy
# import vispa.workspace, providing e.g. "module()" and "get_instance()"
import vispa.workspace
# we import vispa's AbstractController which provides a collection of useful
# methods
from vispa.controller import AbstractController
# define a new class that inherits from AbstractController
class FileController(AbstractController):
def __init__(self):
AbstractController.__init__(self)
self.extension = None
.file-rightclickmenu-itemhide{display:none;visibility:hidden}
.file-rightclickmenu-itemshow{display:block;visibility:visible}
.file-content{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;position:absolute;height:100%;bottom:0;right:0;top:0;left:0;overflow:hidden}
.file-content>.alert{position:absolute;top:40px;width:100%}
.progress-row>span{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.progress-row>span>.progress-title{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.progress-row>span>.fa{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}
.progress-row>span>.fa:hover{color:#eee}
.progress-row>span>.progress{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;margin-bottom:0}
.progress-row>span>.btn{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin-left:12px}
.fileselector{height:50vh}
.fileselector>.file-content>.alert{top:55px}
.fileselector .file-path-bar{position:absolute;top:3px}
.table-info-dialog>tbody>tr>td{border:none;border: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}
\ No newline at end of file
@gray-dark: lighten(#000, 20%);
@gray-lighter: lighten(#000, 93.5%);
@table-bg-hover: #f5f5f5;
@table-border-color: #ddd;
@breadcrumb-bg: #f5f5f5;
@breadcrumb-padding-vertical: 8px;
@padding-base-vertical: 6px;
@padding-base-horizontal: 12px;
.file-rightclickmenu-itemhide {
display: none;
visibility: hidden;
}
.file-rightclickmenu-itemshow {
display: block;
visibility: visible;
}
/* main template */
.file-content {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
position: absolute;
height: 100%;
bottom: 0px;
right: 0px;
top: 0px;
left: 0px;
overflow: hidden;
> .alert {
position: absolute;
top: 40px;
width: 100%;
}
}
.progress-row {
> span {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
> .progress-title {
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
> .fa {
flex: none;
&:hover {
color: @gray-lighter;
}
}
> .progress {
flex: auto;
margin-bottom: 0px;
}
> .btn {
flex: none;
margin-left: @padding-base-horizontal;
}
}
}
/* file selector */
.fileselector {
height: 50vh;
> .file-content > .alert {
top: 55px;
}
.file-path-bar {
position: absolute;
top: 3px;
}
}
/* info dialog - temporary: this leaves, when template of table view is used */
.table-info-dialog > tbody > tr > td {
border: none;
border: 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;
}
.fi-bmp,.fi-gif,.fi-ico,.fi-jpeg,.fi-jpg,.fi-png,.fi-raw,.fi-svg,.fi-tif,.fi-tiff{color:#054109}
.fi-c,.fi-cc,.fi-cpp,.fi-cxx,.fi-h,.fi-hxx{color:#164F86}
.fi-F,.fi-F03,.fi-F90,.fi-F95,.fi-f,.fi-f03,.fi-f90,.fi-f95{color:#002452}
.fi-csh,.fi-sh{color:#0365C0}
.fi-css,.fi-html,.fi-jade,.fi-js,.fi-json,.fi-less,.fi-mako{color:#3B1F4E}
.fi-m,.fi-r,.fi-tex,.fi-xml,.fi-yaml,.fi-yml{color:#5F327C}
.fi-py,.fi-pyc{color:#C3971A}
.fi-pxlio{color:#51A7F9}
.fi-root{color:#00882B}
.fi-eps,.fi-pdf,.fi-ps{color:#C82506}
.fi-rar,.fi-tar,.fi-targz,.fi-zip{color:#4A1402}
.fi-conf,.fi-ini{color:#862506}
.fi-log,.fi-txt{color:#1A1A1A}
.fi-default-alt:before,.fi-default-symlink:before,.fi-default:before{color:#8E8E8E}
\ No newline at end of file
// colors for fis
@fi-blue1: #51A7F9; // 1 = lightest
@fi-blue2: #0365C0;
@fi-blue3: #164F86;
@fi-blue4: #002452; // 4 = darkest
@fi-green1: #70BF41;
@fi-green2: #00882B;
@fi-green3: #0B5D18;
@fi-green4: #054109;
@fi-yellow1: #F5D328;
@fi-yellow2: #DCBD23;
@fi-yellow3: #C3971A;
@fi-yellow4: #A37512;
@fi-orange1: #F39019;
@fi-orange2: #DE6A10;
@fi-orange3: #BD5B0C;
@fi-orange4: #924607;
@fi-red1: #EC5D57;
@fi-red2: #C82506;
@fi-red3: #862506;
@fi-red4: #570706;
@fi-purple1: #B36AE2;
@fi-purple2: #773F9B;
@fi-purple3: #5F327C;
@fi-purple4: #3B1F4E;
@fi-brown1: #4A1402;
@fi-gray1: #8E8E8E;
@fi-gray2: #444444;
@fi-gray3: #1A1A1A;
// @fi-brown: #4A1402;
// @fi-red: #96281B;
// @fi-blue-dark: #3A539B;
// @fi-blue: #3A539B;
// @fi-blue-light: #59ABE3;
// @fi-purple: #913D88;
// @fi-purple-light: #913D88;
// @fi-green-dark: #003B0B;
// @fi-green-light: #008A1A;
// @fi-yellow: #D99305;
// @fi-orange: #D16D00;
// @fi-gray-dark: #444;
// @fi-gray-light: #8e8e8e;
// pictures
.fi-bmp, .fi-gif, .fi-ico, .fi-jpeg, .fi-jpg, .fi-png, .fi-raw, .fi-svg, .fi-tif, .fi-tiff {
color: @fi-green4;
}
// coding
.fi-c, .fi-cc, .fi-cpp, .fi-h, .fi-cxx, .fi-hxx {
color: @fi-blue3;
}
.fi-f, .fi-f03, .fi-f90, .fi-f95, .fi-F, .fi-F03, .fi-F90, .fi-F95 {
color: @fi-blue4;
}
.fi-sh, .fi-csh {
color: @fi-blue2;
}
.fi-css, .fi-html, .fi-jade, .fi-js, .fi-less, .fi-mako, .fi-json {
color: @fi-purple4;
}
.fi-tex, .fi-xml, .fi-yaml, .fi-yml, .fi-r, .fi-m {
color: @fi-purple3;
}
.fi-py, .fi-pyc {
color: @fi-yellow3;
}
// pxlio
.fi-pxlio {
color: @fi-blue1;
}
// root
.fi-root {
color: @fi-green2;
}
// adobe
.fi-eps, .fi-pdf, .fi-ps {
color: @fi-red2;
}
// packed
.fi-rar, .fi-tar, .fi-targz, .fi-zip {
color: @fi-brown1;
}
// conf/ini
.fi-conf, .fi-ini {
color: @fi-red3;
}
// log txt
.fi-log, .fi-txt {
color: @fi-gray3;
}
// default
.fi-default:before, .fi-default-alt:before, .fi-default-symlink:before {
color: @fi-gray1;
}
.path-bar-icon{width:44px;border-right:2px solid #ddd}
.path-bar-icon .dropdown-toggle{webkit-box-shadow:none!important;box-shadow:none!important;width:44px;cursor:pointer;padding:8px 14px 4px 14px}
.path-bar-icon .dropdown-menu{margin-top:9px}
.path-bar-icon .dropdown-menu .glyphicon{margin-right:10px}
.file-path-bar{display:-webkit-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:36px}
.file-path-bar>.options{width:44px;border-right:2px solid #ddd}
.file-path-bar>.options .dropdown-toggle{webkit-box-shadow:none!important;box-shadow:none!important;width:44px;cursor:pointer;padding:8px 14px 4px 14px}
.file-path-bar>.options .dropdown-menu{margin-top:9px}
.file-path-bar>.options .dropdown-menu .glyphicon{margin-right:10px}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark{padding:3px 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark:hover{background-color:#f5f5f5;cursor:pointer}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark:hover>.bookmark-glyphicon-edit{color:#333}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark:hover>.bookmark-glyphicon-remove{color:#333}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol{color:#000}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol-editable{color:#555}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-symbol-editable:hover{color:#000}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-name{margin-right:10px;display:inline-block;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname{margin-right:10px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#555;-webkit-transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname::-webkit-input-placeholder{color:#999}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname:-moz-placeholder{color:#999;opacity:1}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname::-moz-placeholder{color:#999;opacity:1}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.input-bookmarkname:-ms-input-placeholder{color:#999}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit{color:#fff}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-edit:hover{color:#000!important}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove{color:#fff}
.file-path-bar>.bookmark-dropdown>.bookmark-container>.bookmarks>.bookmark>.bookmark-glyphicon-remove:hover{color:#000!important}
.file-path-bar>.path-list{position:relative;margin-left:15px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left}
.file-path-bar>.path-list>.path-bar-item+.path-bar-item:before{content:"/";padding:0 7px;text-align:left}
.file-path-bar>.path-list>.path-bar-item{text-decoration:none}
.file-path-bar>.path-list .glyphicon{display:inline}
.file-path-bar>.path-list>.active{pointer-events:none!important;color:#333!important}
\ No newline at end of file
@gray-dark: lighten(#000, 20%);
@gray: lighten(#000, 33.5%);
@table-border-color: #ddd;
@body-bg: #fff;
@dropdown-link-hover-bg: #f5f5f5;
@gray-base: #000;
@border-radius-base: 4px;
@input-bg: #fff;
@input-color: @gray;
@input-border: #ccc;
@input-border-radius: @border-radius-base;
@input-border-focus: #66afe9;
@input-color-placeholder: #999;
/* icons for options and bookmarks in path bar */
.path-bar-icon {
width: 44px;
border-right: 2px solid @table-border-color;
.dropdown-toggle {
webkit-box-shadow: none !important;
box-shadow: none !important;
width: 44px;
cursor: pointer;
padding: 8px 14px 4px 14px;
}
.dropdown-menu {
margin-top: 9px;
.glyphicon {
margin-right: 10px;
}
}
}
/* path bar */
.file-path-bar {
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: 36px;
/* option gear wheel */
> .options {
.path-bar-icon;
}
/* bookmarks */
> .bookmark-dropdown {
> .bookmark-container {
> .bookmarks {
> .bookmark {
padding: 3px 20px;
display: flex;
white-space: nowrap;
&:hover {
background-color: @dropdown-link-hover-bg;
cursor: pointer;
> .bookmark-glyphicon-edit {
color: @gray-dark;
}
> .bookmark-glyphicon-remove {
color: @gray-dark;
}
}
> .bookmark-glyphicon-symbol {
color: @gray-base;
}
> .bookmark-glyphicon-symbol-editable {
color: @gray;
&:hover {
color: @gray-base;
}
}
> .bookmark-name {
margin-right: 10px;
display: inline-block;
max-width: 80%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
> .input-bookmarkname {
margin-right: 10px;
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;
}
}
> .bookmark-glyphicon-edit {
color: @body-bg;
&:hover {
color: @gray-base !important;
}
}
> .bookmark-glyphicon-remove {
color: @body-bg;
&:hover {
color: @gray-base !important;
}
}
}
}
}
}
/* path list */
> .path-list {
position: relative;
margin-left: 15px;
width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
direction: rtl;
text-align: left;
> .path-bar-item + .path-bar-item:before {
content: "/";
padding: 0 7px;
text-align: left;
}
> .path-bar-item {
text-decoration: none;
}
.glyphicon {
display: inline;
}
> .active {
pointer-events: none !important;
color: @gray-dark !important;
}
}
}
.file-view-symbol{position:absolute;top:40px;left:0;bottom:0;overflow:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left}
.file-view-symbol.file-list{width:100%}
.file-view-symbol.file-list.dragover{box-shadow:0 0 20px #5cb85c inset}
.file-view-symbol.file-list.dragover>.node{background-color:rgba(0,0,0,0)!important}
.file-view-symbol.file-list.gear-wheel-disable .glyphicon-cog{opacity:0}
.file-view-symbol.icon-tiny .file-node{margin:5px}
.file-view-symbol.icon-tiny .file-node{width:80px;height:68px}
.file-view-symbol.icon-tiny .symbol-icon-p{margin-top:-35px;display:inline-block;text-align:center;z-index:-1;padding:0;-webkit-user-select:none;font-size:24px;width:80px}
.file-view-symbol.icon-tiny .symbol-name{width:80px}
.file-view-symbol.icon-tiny .file-selection-box{left:12px}
.file-view-symbol.icon-tiny .file-properties{margin-top:-9px;top:10px}
.file-view-symbol.icon-small .file-node{margin:2px 4px 2px 4px}
.file-view-symbol.icon-small .file-node{width:100px;height:85px}
.file-view-symbol.icon-small .symbol-icon-p{margin-top:-35px;display:inline-block;text-align:center;z-index:-1;padding:0;-webkit-user-select:none;font-size:30px;width:100px}
.file-view-symbol.icon-small .symbol-name{width:100px}
.file-view-symbol.icon-small .file-selection-box{left:20px}
.file-view-symbol.icon-small .file-properties{margin-top:1px;top:0}
.file-view-symbol.icon-medium .file-node{margin:8px}
.file-view-symbol.icon-medium .file-node{width:110px;height:90px}
.file-view-symbol.icon-medium .symbol-icon-p{margin-top:-23px;display:inline-block;text-align:center;z-index:-1;padding:0;-webkit-user-select:none;font-size:38px;width:110px}
.file-view-symbol.icon-medium .symbol-name{width:110px}
.file-view-symbol.icon-medium .file-selection-box{left:20px}
.file-view-symbol.icon-medium .file-properties{margin-top:1px;top:0}
.file-view-symbol.icon-large .file-node{margin:12px}
.file-view-symbol.icon-large .file-node{width:116px;height:100px}
.file-view-symbol.icon-large .symbol-icon-p{margin-top:-24px;display:inline-block;text-align:center;z-index:-1;padding:0;-webkit-user-select:none;font-size:46px;width:116px}
.file-view-symbol.icon-large .symbol-name{width:116px}
.file-view-symbol.icon-large .file-selection-box{left:20px}
.file-view-symbol.icon-large .file-properties{margin-top:1px;top:0}
.file-view-symbol .file-node{border-radius:5px;float:left;-webkit-user-select:none}
.file-view-symbol .file-node[draggable=true]{cursor:move;-khtml-user-drag:element}
.file-view-symbol .file-node:hover{background-color:#f5f5f5;cursor:pointer}
.file-view-symbol .file-node:hover>.file-properties{visibility:visible}
.file-view-symbol .file-node[selected]{background-color:#D2D2D2;color:#fff}
.file-view-symbol .file-node[selected]>.file-properties{visibility:visible}
.file-view-symbol .file-node.dragstart{opacity:.4}
.file-view-symbol .file-node.dragover{background-color:rgba(92,184,92,.5)!important}
.file-view-symbol .file-selection-p{display:inherit;margin:0 0 0 4px;position:relative;visibility:visible;-webkit-user-select:none}
.file-view-symbol .symbol-name{-webkit-hyphens:auto;-moz-hyphens:auto;display:inline-block;font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;margin-top:-5px;margin-bottom:0;overflow:hidden;text-align:center;word-wrap:break-word;-webkit-user-select:none}
.file-view-symbol .file-selection-box{position:absolute;top:2px;visibility:visible;-webkit-user-select:none;content:''}
.file-view-symbol .file-selection-box span{background:green url(../../../../img/white_plus.png) no-repeat center;border-radius:8px;display:block;height:16px;width:16px;-webkit-user-select:none}
.file-view-symbol .file-selection-box input{display:none}
.file-view-symbol .file-selection-box input:checked+span{background:red url(../../../../img/white_minus.png) no-repeat center}
.file-view-symbol .file-properties{visibility:hidden;float:right;margin-right:3px;-webkit-user-select:none}
\ No newline at end of file
@symbol-bg-hover : #f5f5f5;
@brand-success : #5cb85c;
@brand-danger : #d9534f;
@default-file-symbol-node-width : 100px;
@file-symbol-node-width-tiny : @default-file-symbol-node-width * 0.8;
@file-symbol-node-width-small : @default-file-symbol-node-width;
@file-symbol-node-width-medium : @default-file-symbol-node-width + 10;
@file-symbol-node-width-large : @default-file-symbol-node-width + 16;
@default-file-symbol-node-height : 85px;
@file-symbol-node-height-tiny : @default-file-symbol-node-height * 0.8;
@file-symbol-node-height-small : @default-file-symbol-node-height;
@file-symbol-node-height-medium : @default-file-symbol-node-height + 5;
@file-symbol-node-height-large : @default-file-symbol-node-height + 15;
@default-file-symbol-font-size : 30px;
@file-symbol-font-size-tiny : @default-file-symbol-font-size * 0.8;
@file-symbol-font-size-small : @default-file-symbol-font-size;
@file-symbol-font-size-medium : @default-file-symbol-font-size + 8;
@file-symbol-font-size-large : @default-file-symbol-font-size + 16;
@file-symbol-icon-margin-top-tiny : -35px;
@file-symbol-icon-margin-top-small : -35px;
@file-symbol-icon-margin-top-medium : -23px;
@file-symbol-icon-margin-top-large : -24px;
@file-symbol-selectionbox-left-tiny : 12px;
@file-symbol-selectionbox-left-small : 20px;
@file-symbol-selectionbox-left-medium : 20px;
@file-symbol-selectionbox-left-large : 20px;
.icon-size (@size) {
@font-size : 'file-symbol-font-size-@{size}';
@node-width : 'file-symbol-node-width-@{size}';
@node-height : 'file-symbol-node-height-@{size}';
@margin-top : 'file-symbol-icon-margin-top-@{size}';
.file-node {
width : @@node-width;
height : @@node-height;
}
.symbol-icon-p {
margin-top : @@margin-top;
display : inline-block;
text-align : center;
z-index : -1;
padding : 0;
-webkit-user-select : none;
font-size : @@font-size;
width : @@node-width;
}
.symbol-name {
width: @@node-width;
}
}
.selectionbox-position (@size) {
@left: 'file-symbol-selectionbox-left-@{size}';
.file-selection-box {