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

Remove extra hit area.

Browse source
This commit is contained in:
Paulo Reis 2018-03-23 11:54:17 +00:00
parent a1545a688e
commit 6c8ffcd055
3 changed files with 17 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -14,7 +14,7 @@
@import "./editor/review-panel.less"; @import "./editor/review-panel.less";
@ui-layout-toggler-def-height: 50px; @ui-layout-toggler-def-height: 50px;
@ui-resizer-extra-hit-area: 6px; @ui-resizer-size: 7px;
@keyframes blink { @keyframes blink {
0% { 0% {
@ -302,24 +302,11 @@
} }
.ui-layout-resizer when (@is-overleaf = true) { .ui-layout-resizer when (@is-overleaf = true) {
margin-left: -(@ui-resizer-extra-hit-area) !important;
margin-right: -(@ui-resizer-extra-hit-area - 1px) !important;
padding-left: @ui-resizer-extra-hit-area !important;
padding-right: @ui-resizer-extra-hit-area !important;
z-index: 5 !important; z-index: 5 !important;
box-sizing: content-box; width: @ui-resizer-size !important;
background-image: linear-gradient(90deg, background-color: @editor-resizer-bg-color;
transparent,
transparent @ui-resizer-extra-hit-area - 3px,
@editor-resizer-bg-color @ui-resizer-extra-hit-area - 3px,
@editor-resizer-bg-color @ui-resizer-extra-hit-area + 4px,
transparent @ui-resizer-extra-hit-area + 4px,
transparent);
&.ui-layout-resizer-closed { &.ui-layout-resizer-closed {
background-image: linear-gradient(90deg, &::before,
@editor-resizer-bg-color,
@editor-resizer-bg-color);
&::after { &::after {
content: none; content: none;
} }
@ -331,7 +318,7 @@
display: block; display: block;
position: absolute; position: absolute;
text-align: center; text-align: center;
left: 1px; left: -2px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
width: 100%; width: 100%;
font-size: 24px; font-size: 24px;
@ -367,7 +354,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 7px; width: @ui-resizer-size !important;;
height: 50px; height: 50px;
margin-top: -25px; margin-top: -25px;
top: 50%; top: 50%;
@ -405,35 +392,19 @@
background-color: @editor-toggler-hover-bg-color; background-color: @editor-toggler-hover-bg-color;
} }
} }
.custom-toggler-east { .custom-toggler-east::after {
margin-right: -3px;
&::after {
content: '\f105'; content: '\f105';
} }
.custom-toggler-west::after {
}
.custom-toggler-west {
margin-left: -3px;
&::after {
content: '\f104'; content: '\f104';
} }
} .custom-toggler-closed.custom-toggler-east::after {
.custom-toggler-closed {
&.custom-toggler-east {
margin-right: 0;
&::after {
content: '\f104'; content: '\f104';
} }
} .custom-toggler-closed.custom-toggler-west::after {
&.custom-toggler-west {
margin-left: 0;
&::after {
content: '\f105'; content: '\f105';
} }
}
}
.ui-layout-resizer-dragging { .ui-layout-resizer-dragging {
background-color: @editor-resizer-bg-color-dragging; background-color: @editor-resizer-bg-color-dragging;

2
services/web/public/stylesheets/app/editor/pdf.less
View file

@ -270,7 +270,7 @@
} }
.synctex-controls when (@is-overleaf = true) { .synctex-controls when (@is-overleaf = true) {
margin-right: -11px; margin-right: -8px;
} }
.synctex-control { .synctex-control {
display: block; display: block;

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

@ -228,7 +228,7 @@
// Editor resizers // Editor resizers
@editor-resizer-bg-color : @ol-blue-gray-5; @editor-resizer-bg-color : @ol-blue-gray-5;
@editor-resizer-bg-color-dragging : transparent; @editor-resizer-bg-color-dragging : @ol-blue-gray-5;
@editor-toggler-bg-color : darken(@ol-blue-gray-2, 15%); @editor-toggler-bg-color : darken(@ol-blue-gray-2, 15%);
@editor-toggler-hover-bg-color : @ol-green; @editor-toggler-hover-bg-color : @ol-green;
@synctex-controls-z-index : 6; @synctex-controls-z-index : 6;