github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-12-24 18:51:11 +00:00
Code Issues Projects Releases Packages Wiki Activity

Configure resizer colors.

Browse source
This commit is contained in:
Paulo Reis 2017-11-30 17:00:25 +00:00
parent 3a959cccfd
commit ce3e410250
3 changed files with 53 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
services/web/public/stylesheets/app/editor.less
View file

@ -261,9 +261,9 @@
}
}
.ui-layout-resizer {
.ui-layout-resizer when (@is-overleaf = false) {
width: 6px;
background-color: #f4f4f4;
background-color: @editor-resizer-bg-color;
border-left: 1px solid @editor-border-color;
border-right: 1px solid @editor-border-color;
.ui-layout-toggler {
@ -282,6 +282,27 @@
}
}
}
.ui-layout-resizer when (@is-overleaf = true) {
background-color: @editor-resizer-bg-color;
// .ui-layout-toggler {
// color: #999;
// font-family: FontAwesome;
// font-style: normal;
// font-weight: normal;
// line-height: 1;
// -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale;
// font-size: 16px !important;
// line-height: 50px;
// &:hover {
// background-color: #ddd;
// color: #333;
// }
// }
}
.ui-layout-resizer-west.ui-layout-resizer-open, .ui-layout-resizer-east.ui-layout-resizer-closed {
.ui-layout-toggler {
&:before {

4
services/web/public/stylesheets/core/_common-variables.less
View file

@ -915,6 +915,10 @@
@file-tree-item-selected-bg : transparent;
@file-tree-multiselect-bg : lighten(@brand-info, 40%);
@file-tree-multiselect-hover-bg : lighten(@brand-info, 30%);
// Editor resizers
@editor-resizer-bg-color : #F4F4F4;
// Tags
@tag-border-radius : 0.25em;
@tag-bg-color : @label-default-bg;

2
services/web/public/stylesheets/core/ol-variables.less
View file

@ -184,6 +184,8 @@
@file-tree-multiselect-bg : @ol-blue;
@file-tree-multiselect-hover-bg : @ol-dark-blue;
@file-tree-droppable-bg-color : tint(@ol-green, 5%);
// Editor resizers
@editor-resizer-bg-color : @ol-blue-gray-6;
//== Colors
//
//## Gray and brand colors for use across Bootstrap.