agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-14 14:13:43 +01: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 { h3 {
font-size: 1rem; font-size: 1rem;
border-bottom: 1px solid @gray; border-bottom: 1px solid @gray;
@@ -67,6 +68,7 @@ aside#file-tree {
line-height: 1.6; line-height: 1.6;
} }
&.droppable-hover { &.droppable-hover {
// TODO
background-color: fade(@file-tree-droppable-background-color, 60%); background-color: fade(@file-tree-droppable-background-color, 60%);
} }
} }
@@ -89,10 +91,23 @@ aside#file-tree {
} }
&.multi-selected { &.multi-selected {
> .entity > .entity-name { > .entity > .entity-name when (@is-overleaf = false) {
background-color: lighten(@brand-info, 40%); background-color: @file-tree-multiselect-bg;
&:hover { &: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-folder-color : @ol-blue-gray-2;
@file-tree-item-hover-bg : @ol-blue-gray-5; @file-tree-item-hover-bg : @ol-blue-gray-5;
@file-tree-item-selected-bg : @ol-green; @file-tree-item-selected-bg : @ol-green;
@file-tree-multiselect-bg : lighten(@brand-warning, 10%); @file-tree-multiselect-bg : @ol-blue;
@file-tree-multiselect-hover-bg : lighten(@brand-warning, 20%); @file-tree-multiselect-hover-bg : @ol-dark-blue;
//== Colors //== Colors
// //
//## Gray and brand colors for use across Bootstrap. //## Gray and brand colors for use across Bootstrap.