github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-11 05:35:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

Style resizer togglers.

Browse source
This commit is contained in:
Paulo Reis 2017-12-04 15:48:23 +00:00
parent 0bad7d8549
commit 963ad4fece
3 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -276,8 +276,9 @@
-moz-osx-font-smoothing: grayscale;
font-size: 16px !important;
line-height: 50px;
background-color: @editor-toggler-bg-color;
&:hover {
background-color: #ddd;
background-color: @editor-toggler-hover-bg-color;
color: #333;
}
}
@ -299,21 +300,26 @@
transparent (@extra-hit-area + 1px),
transparent);
// .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-toggler {
padding: 0 @extra-hit-area !important;
background-image: linear-gradient(90deg,
transparent,
transparent (@extra-hit-area - 1px),
@editor-toggler-bg-color (@extra-hit-area - 1px),
@editor-toggler-bg-color (@extra-hit-area + 1px),
transparent (@extra-hit-area + 1px),
transparent);
&:hover {
background-image: linear-gradient(90deg,
transparent,
transparent (@extra-hit-area - 2px),
@editor-toggler-hover-bg-color (@extra-hit-area - 2px),
@editor-toggler-hover-bg-color (@extra-hit-area + 2px),
transparent (@extra-hit-area + 2px),
transparent);
}
}
}
.ui-layout-resizer-west.ui-layout-resizer-open, .ui-layout-resizer-east.ui-layout-resizer-closed {

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

@ -919,6 +919,8 @@
// Editor resizers
@editor-resizer-bg-color : #F4F4F4;
@editor-resizer-bg-color-dragging : #ddd;
@editor-toggler-bg-color : transparent;
@editor-toggler-hover-bg-color : #DDD;
@synctex-controls-z-index : 3;
@synctex-controls-padding : 0 2px;
// Tags

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

@ -187,6 +187,8 @@
// Editor resizers
@editor-resizer-bg-color : @ol-blue-gray-6;
@editor-resizer-bg-color-dragging : transparent;
@editor-toggler-bg-color : @ol-blue-gray-2;
@editor-toggler-hover-bg-color : @ol-green;
@synctex-controls-z-index : 6;
@synctex-controls-padding : 0;
//== Colors