fix: navbar offset in editor + editor UI changes

This commit is contained in:
NGPixel 2017-05-19 19:53:23 -04:00
parent 44220f1de0
commit 2876b6935b
5 changed files with 35 additions and 25 deletions

View File

@ -1,5 +1,6 @@
{
"eslint.enable": true,
"puglint.enable": true,
"standard.enable": false
"standard.enable": false,
"editor.formatOnSave": true
}

View File

@ -19,7 +19,8 @@ $(() => {
offset: -50
})
$('.stickyscroll').sticky({ topSpacing: 15, bottomSpacing: 75 })
$('#header').sticky({ topSpacing: 0 })
$('.sidebar-pagecontents').sticky({ topSpacing: 15, bottomSpacing: 75 })
// ====================================
// Notifications

View File

@ -1,8 +1,9 @@
.editor-toolbar {
z-index: 2;
background-color: mc('indigo', '900');
background: linear-gradient(to bottom, mc('blue-grey', '900'), mc('blue-grey', '700'));
border: none;
border-top: 1px solid mc('blue-grey', '400');
border-top-left-radius: 0;
border-top-right-radius: 0;
opacity: 1;
@ -10,6 +11,7 @@
top: 50px;
left: 0;
width: 100%;
box-shadow: 0 0 5px rgba(0,0,0,.75);
&:hover {
opacity: 1;
@ -299,28 +301,34 @@
.CodeMirror {
border-left: none;
border-right: none;
padding-top: 52px;
font-family: $core-font-monospace;
margin-top: 49px;
font-family: $core-font-standard;
border: 10px solid mc('blue-grey', '100');
}
.CodeMirror .CodeMirror-code .cm-url {
.CodeMirror .CodeMirror-code {
.cm-url {
color: #00ACC1;
}
.CodeMirror .CodeMirror-code .cm-header-1 {
.cm-header-1 {
color: #635c8c;
font-size: 2em;
font-weight: 400;
}
.CodeMirror .CodeMirror-code .cm-header-2 {
.cm-header-2 {
color: #222324;
font-size: 1.75em;
font-weight: 300;
}
.CodeMirror .CodeMirror-code .cm-header-3 {
.cm-header-3 {
color: #222324;
font-size: 1.5em;
font-weight: 300;
}
.cm-formatting-code-block, .cm-comment {
font-family: $core-font-monospace;
}
}
.editor-toolbar .fa {
font-size: 14px;

View File

@ -1,6 +1,6 @@
#header-container
nav.nav.stickyscroll#header
nav.nav#header
.nav-left
block rootNavLeft
a.nav-item(href='/')

View File

@ -64,7 +64,7 @@ block content
a(href='/login')
i.icon-unlock
span= t('nav.login')
aside.stickyscroll
aside.sidebar-pagecontents
.sidebar-label
span= t('sidebar.pagecontents')
ul.sidebar-menu