github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages 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
Show stats Download patch file Download diff file Expand all files Collapse all files

21
services/web/public/stylesheets/app/editor/file-tree.less
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;
}
}
}
}

4
services/web/public/stylesheets/core/ol-variables.less
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.