github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-08 13:52:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

Different strategy for highlighting the code-check setting.

Browse source
This commit is contained in:
Paulo Reis 2016-11-01 17:30:27 +00:00
parent c5e793125e
commit c18114bfeb
2 changed files with 8 additions and 28 deletions
services/web
app/views/project/editor
left-menu.jade
public/stylesheets/app/editor
feature-onboarding.less

2
services/web/app/views/project/editor/left-menu.jade
View file

@ -105,7 +105,7 @@ aside#left-menu.full-size(
ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]"
)
.form-controls
.form-controls.code-check-setting
label(for="syntaxValidation") #{translate("syntax_validation")}
select(
name="syntaxValidation"

34
services/web/public/stylesheets/app/editor/feature-onboarding.less
View file

@ -18,37 +18,17 @@
z-index: 102;
transition: background-position ease-in-out @left-menu-animation-duration;
overflow: auto;
&::before {
content: '';
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 0;
opacity: 0;
transition: opacity ease-in-out @left-menu-animation-duration, width ease-in-out @left-menu-animation-duration;
}
}
.feat-onboard-step2 {
background-position-x: @left-menu-width;
&::before {
content: '';
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: @left-menu-width;
opacity: 1;
background-image: linear-gradient(
180deg,
rgba(0,0,0,.85),
rgba(0,0,0,.85) 530px,
transparent 555px,
transparent 585px,
rgba(0,0,0,.85) 610px,
rgba(0,0,0,.85)
);
~ #left-menu {
pointer-events: none;
.code-check-setting {
box-shadow: 0 0 300px #000;
}
}
}
.feat-onboard-wrapper {