web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

CSS improvements in the drive tree

Browse Source
This commit is contained in:
yflory
2017-03-02 18:24:18 +01:00
parent 6098f28260
commit 153386a6e0
2 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
www/drive/file.css
View File

@@ -82,6 +82,10 @@ li {
color: #eee; color: #eee;
margin: -1px; margin: -1px;
} }
.selected .fa-minus-square-o,
.selected .fa-plus-square-o {
color: #000;
}
span.fa-folder, span.fa-folder,
span.fa-folder-open { span.fa-folder-open {
color: #FEDE8B; color: #FEDE8B;
@@ -102,18 +106,21 @@ span.fa-folder-open {
color: #000; color: #000;
} }
#tree li { #tree li {
padding: 0 0 0 5px;
cursor: auto; cursor: auto;
} }
#tree li.collapsed ul { #tree li.collapsed ul {
display: none; display: none;
} }
#tree li input { #tree li input {
width: calc(70%); width: calc(100% - 30px);
} }
#tree li > span.element-row { #tree li > span.element-row {
width: 100%; width: calc(100% + 5px);
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
margin-left: -5px;
padding-left: 5px;
} }
#tree li > span.element-row:not(.selected):hover { #tree li > span.element-row:not(.selected):hover {
background-color: #eee; background-color: #eee;

10
www/drive/file.less
View File

@@ -112,6 +112,9 @@ li {
background: #666; background: #666;
color: #eee; color: #eee;
margin: -1px; margin: -1px;
.fa-minus-square-o, .fa-plus-square-o {
color: @tree-fg;
}
} }
span { span {
@@ -137,17 +140,20 @@ span {
padding: 10px 0px; padding: 10px 0px;
color: @tree-fg; color: @tree-fg;
li { li {
padding: 0 0 0 5px;
cursor: auto; cursor: auto;
&.collapsed ul { &.collapsed ul {
display: none; display: none;
} }
input { input {
width: calc(100% - 30px); width: ~"calc(100% - 30px)";
} }
& > span.element-row { & > span.element-row {
width: 100%; width: ~"calc(100% + 5px)";
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
margin-left: -5px;
padding-left: 5px;
} }
& > span.element-row:not(.selected):hover { & > span.element-row:not(.selected):hover {
background-color: @drive-hover; background-color: @drive-hover;