More style adjustments; remove commented code.

This commit is contained in:
Paulo Reis 2018-03-22 13:50:48 +00:00
parent 906f4899aa
commit 9ddd4543e1

View file

@ -338,6 +338,8 @@
.custom-toggler when (@is-overleaf = true) {
position: absolute;
display: flex;
align-items: center;
width: 9px;
height: 50px;
margin-top: -25px;
@ -346,6 +348,10 @@
background-color: @editor-toggler-bg-color;
border-radius: 4px;
&:hover,
&:focus {
text-decoration: none;
}
// Increase hit area
&::before {
content: '';
@ -372,69 +378,26 @@
width: 12px;
&.custom-toggler-east {
margin-right: -6px;
&::after {
margin-left: -2px;
}
}
.custom-toggler-west {
&.custom-toggler-west {
margin-left: -6px;
&::after {
margin-left: 3px;
}
}
&::before {
&::after {
content: "\22EE"; // Vertical ellipsis
color: #FFF;
font-weight: 700;
font-size: @font-size-h2;
width: @ui-resizer-extra-hit-area / 2;
user-select: none;
pointer-events: none;
}
}
// .ui-layout-toggler.ui-layout-toggler-closed when (@is-overleaf = true) {
// background-color: @editor-resizer-bg-color;
// background-image: none;
// line-height: @ui-layout-toggler-def-height;
// &::before {
// content: "\22EE"; // Vertical ellipsis
// display: block;
// color: #FFF;
// font-weight: 700;
// font-size: @font-size-h2;
// width: @ui-resizer-extra-hit-area / 2;
// }
// &:hover {
// background-color: @editor-toggler-hover-bg-color;
// background-image: none;
// }
// .ui-layout-resizer-west > & {
// border-radius: 0 @border-radius-base @border-radius-base 0;
// &::before {
// margin-left: -2px;
// }
// }
// .ui-layout-resizer-east > & {
// border-radius: @border-radius-base 0 0 @border-radius-base;
// &::before {
// margin-left: (-1 - @ui-resizer-extra-hit-area);
// }
// }
// }
// .ui-layout-toggler-east when (@is-overleaf = true) {
// &.ui-layout-toggler-open {
// cursor: e-resize !important
// }
// &.ui-layout-toggler-closed {
// cursor: w-resize !important
// }
// }
// .ui-layout-toggler-west when (@is-overleaf = true) {
// &.ui-layout-toggler-open {
// cursor: w-resize !important
// }
// &.ui-layout-toggler-closed {
// cursor: e-resize !important
// }
// }
.ui-layout-resizer-dragging {
background-color: @editor-resizer-bg-color-dragging;
}