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

Add in link to go back to projects

Browse source
This commit is contained in:
James Allen 2014-07-10 14:08:32 +01:00
parent cd6234570c
commit 1ce5062800
2 changed files with 92 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,9 +2,17 @@ aside#left-menu.full-size(
ng-class="{ 'shown': ui.leftMenuShown }" ng-class="{ 'shown': ui.leftMenuShown }"
ng-cloak ng-cloak
) )
ul.list-unstyled.nav
li
a(
href="/project"
)
i.fa.fa-list-alt.fa-fw
|   View All Projects
h4 Download h4 Download
ul.unformatted-list.nav.nav-downloads ul.list-unstyled.nav.nav-downloads
li li
a( a(
ng-href="/project/{{project_id}}/download/zip" ng-href="/project/{{project_id}}/download/zip"
@ -35,87 +43,73 @@ aside#left-menu.full-size(
form.settings(ng-controller="SettingsController") form.settings(ng-controller="SettingsController")
.containter-fluid .containter-fluid
.form-controls .form-controls
.row label(for="compiler") Compiler
label.col-md-6(for="compiler") Compiler select.form-control(
.col-md-6 name="compiler"
select.form-control( ng-model="project.compiler"
name="compiler" )
ng-model="project.compiler" option(value='pdflatex') pdfLaTeX
) option(value='latex') LaTeX
option(value='pdflatex') pdfLaTeX option(value='xelatex') XeLaTeX
option(value='latex') LaTeX option(value='lualatex') LuaLaTeX
option(value='xelatex') XeLaTeX
option(value='lualatex') LuaLaTeX
.form-controls .form-controls
.row label(for="spellCheckLanguage") Spell Check
label.col-md-6(for="spellCheckLanguage") Spell Check select.form-control(
.col-md-6 name="spellCheckLanguage"
select.form-control( ng-model="project.spellCheckLanguage"
name="spellCheckLanguage" )
ng-model="project.spellCheckLanguage" option(value="") Off
) optgroup(label="Language")
option(value="") Off for language in languages
optgroup(label="Language") option(
for language in languages value=language.code
option( )= language.name
value=language.code
)= language.name
.form-controls .form-controls
.row label(for="autoComplete") Auto-Complete
label.col-md-6(for="autoComplete") Auto-Complete select.form-control(
.col-md-6 name="autoComplete"
select.form-control( ng-model="settings.autoComplete"
name="autoComplete" ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]"
ng-model="settings.autoComplete" )
ng-options="o.v as o.n for o in [{ n: 'On', v: true }, { n: 'Off', v: false }]"
)
.form-controls .form-controls
.row label(for="theme") Theme
label.col-md-6(for="theme") Theme select.form-control(
.col-md-6 name="theme"
select.form-control( ng-model="settings.theme"
name="theme" )
ng-model="settings.theme" each theme in themes
) option(value=theme) #{theme}
each theme in themes
option(value=theme) #{theme}
.form-controls .form-controls
.row label(for="mode") Keybindings
label.col-md-6(for="mode") Keybindings select.form-control(
.col-md-6 name="mode"
select.form-control( ng-model="settings.mode"
name="mode" )
ng-model="settings.mode" option(value='default') None
) option(value='vim') Vim
option(value='default') None option(value='emacs') Emacs
option(value='vim') Vim
option(value='emacs') Emacs
.form-controls .form-controls
.row label(for="fontSize") Font Size
label.col-md-6(for="fontSize") Font Size select.form-control(
.col-md-6 name="fontSize"
select.form-control( ng-model="settings.fontSize"
name="fontSize" )
ng-model="settings.fontSize" each size in ['10','11','12','13','14','16','20','24']
) option(value=size) #{size}px
each size in ['10','11','12','13','14','16','20','24']
option(value=size) #{size}px
.form-controls .form-controls
.row label(for="pdfViewer") PDF Viewer
label.col-md-6(for="pdfViewer") PDF Viewer select.form-control(
.col-md-6 name="pdfViewer"
select.form-control( ng-model="settings.pdfViewer"
name="pdfViewer" )
ng-model="settings.pdfViewer" option(value="pdfjs") Built-In
) option(value="native") Native
option(value="pdfjs") Built-In
option(value="native") Native
#left-menu-mask( #left-menu-mask(
ng-show="ui.leftMenuShown", ng-show="ui.leftMenuShown",

34
services/web/public/stylesheets/app/editor/left-menu.less
View file

@ -31,6 +31,23 @@
margin-top: 0; margin-top: 0;
} }
ul.nav {
a {
&:hover, &:active {
background-color: @link-color;
color: white;
i {
color: white;
}
}
i {
color: @gray;
}
padding: (@line-height-computed / 4);
font-weight: 700;
}
}
ul.nav-downloads { ul.nav-downloads {
li { li {
display: inline-block; display: inline-block;
@ -38,28 +55,27 @@
width: 100px; width: 100px;
a { a {
color: @gray-dark; color: @gray-dark;
&:hover, &:active {
background-color: @link-color;
color: white;
}
} }
.pdf-disabled { .pdf-disabled {
color: @gray-light; color: @gray-light;
} }
i { i {
margin-bottom: (@line-height-computed / 4); margin: (@line-height-computed / 4) 0;
} }
} }
} }
form.settings { form.settings {
label { label {
float: left;
font-weight: normal; font-weight: normal;
color: @gray-dark; color: @gray-dark;
margin-bottom: 0; margin-bottom: 0;
padding-top: 8px; padding-top: 7px;
} }
select.form-control { select.form-control {
float: right;
width: 50%;
height: 34px; height: 34px;
background: none; background: none;
border: none; border: none;
@ -70,6 +86,7 @@
font-weight: 700; font-weight: 700;
} }
.form-controls { .form-controls {
clear: both;
padding: 0 (@line-height-computed / 4); padding: 0 (@line-height-computed / 4);
&:hover { &:hover {
background-color: @link-color; background-color: @link-color;
@ -80,6 +97,11 @@
color: white; color: white;
} }
} }
&:after {
content:"";
display:table;
clear:both;
}
} }
} }
} }