github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

More style adjustments; remove commented code.

Browse source
This commit is contained in:
Paulo Reis 2018-03-22 13:50:48 +00:00
parent 906f4899aa
commit 9ddd4543e1
1 changed files with 16 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -338,6 +338,8 @@
.custom-toggler when (@is-overleaf = true) { .custom-toggler when (@is-overleaf = true) {
position: absolute; position: absolute;
display: flex;
align-items: center;
width: 9px; width: 9px;
height: 50px; height: 50px;
margin-top: -25px; margin-top: -25px;
@ -346,6 +348,10 @@
background-color: @editor-toggler-bg-color; background-color: @editor-toggler-bg-color;
border-radius: 4px; border-radius: 4px;
&:hover,
&:focus {
text-decoration: none;
}
// Increase hit area // Increase hit area
&::before { &::before {
content: ''; content: '';
@ -372,69 +378,26 @@
width: 12px; width: 12px;
&.custom-toggler-east { &.custom-toggler-east {
margin-right: -6px; margin-right: -6px;
&::after {
margin-left: -2px;
}
} }
.custom-toggler-west { &.custom-toggler-west {
margin-left: -6px; margin-left: -6px;
&::after {
margin-left: 3px;
}
} }
&::before { &::after {
content: "\22EE"; // Vertical ellipsis content: "\22EE"; // Vertical ellipsis
color: #FFF; color: #FFF;
font-weight: 700; font-weight: 700;
font-size: @font-size-h2; 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 { .ui-layout-resizer-dragging {
background-color: @editor-resizer-bg-color-dragging; background-color: @editor-resizer-bg-color-dragging;
} }