agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-06-04 06:39:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

Handle filetree multiselection.

Browse Source
This commit is contained in:
Paulo Reis
2017-11-21 11:45:06 +00:00
parent 0de57885b1
commit 1fd29253e6
2 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/public/stylesheets/app/editor/file-tree.less
+18 -3
View File
@@ -14,6 +14,7 @@ aside#file-tree {
}
}
// TODO; Consolidate with "Project files" in Overleaf
h3 {
font-size: 1rem;
border-bottom: 1px solid @gray;
@@ -67,6 +68,7 @@ aside#file-tree {
line-height: 1.6;
}
&.droppable-hover {
// TODO
background-color: fade(@file-tree-droppable-background-color, 60%);
}
}
@@ -89,10 +91,23 @@ aside#file-tree {
}
&.multi-selected {
> .entity > .entity-name {
background-color: lighten(@brand-info, 40%);
> .entity > .entity-name when (@is-overleaf = false) {
background-color: @file-tree-multiselect-bg;
&:hover {
background-color: lighten(@brand-info, 30%);
background-color: @file-tree-multiselect-hover-bg;
}
}
> .entity when (@is-overleaf = true) {
i.fa {
color: #FFF;
}
> .entity-name {
background-color: @file-tree-multiselect-bg;
box-shadow: -200px 0 0 @file-tree-multiselect-bg;
&:hover {
background-color: @file-tree-multiselect-hover-bg;
box-shadow: -200px 0 0 @file-tree-multiselect-hover-bg;
}
}
}
}
services/web/public/stylesheets/core/ol-variables.less
+2 -2
View File
@@ -180,8 +180,8 @@
@file-tree-item-folder-color : @ol-blue-gray-2;
@file-tree-item-hover-bg : @ol-blue-gray-5;
@file-tree-item-selected-bg : @ol-green;
@file-tree-multiselect-bg : lighten(@brand-warning, 10%);
@file-tree-multiselect-hover-bg : lighten(@brand-warning, 20%);
@file-tree-multiselect-bg : @ol-blue;
@file-tree-multiselect-hover-bg : @ol-dark-blue;
//== Colors
//
//## Gray and brand colors for use across Bootstrap.