webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-31 15:24:31 +03:00
Code Activity

Started redesign

Browse Source
This commit is contained in:
Dan Brown
2015-07-21 22:11:30 +01:00
parent 66dd297853
commit 2c95528de4
8 changed files with 99 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/assets/sass/_forms.scss
View File

@ -65,15 +65,13 @@ input[type="text"], input[type="number"], input[type="email"], input[type="searc
}
.title-input.page-title {
padding: $-s;
font-size: 0.8em;
}
.title-input.page-title input[type="text"]{
//border: 2px dotted #BBB;
margin-bottom: 0;
}
.edit-area {
padding: 0 $-s $-s $-s;
}
.description-input textarea {
@extend .inline-input-style;

2
resources/assets/sass/_html.scss
View File

@ -2,7 +2,7 @@
box-sizing: border-box;
}
html {
background-color: #f8f8f8;
background-color: #FFFFFF;
}
body {
font-family: $text;

8
resources/assets/sass/_tinymce.scss
View File

@ -19,4 +19,12 @@
max-width: 100%;
margin-left: -$-s;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.08);
}
.edit-area {
height: 100%;
}
.page-style.editor {
height: 100%;
}

41
resources/assets/sass/styles.scss
View File

@ -11,21 +11,40 @@
header {
background-color: #f8f8f8;
position: fixed;
display: block;
width: 100%;
z-index: -1;
position: fixed;
z-index: 2;
top: 0;
border-bottom: 1px solid #DDD;
.padded {
padding: $-m;
}
}
#sidebar {
position: fixed;
background-color: #FFF;
height: 100%;
top: 0;
z-index: 1;
padding-top: 63px + $-m;
width: 300px;
border-right: 1px solid #DDD;
}
#content {
margin-top: 63px;
margin-left: 300px;
display: block;
position: relative;
}
.logo {
width: 180px;
opacity: 0.8;
}
body {
margin-top: 64px;
}
header hr {
margin-top: 0;
}
@ -46,15 +65,8 @@ header .menu {
font-size: 1.4em;
}
.affix {
position: fixed;
}
.page-style {
background-color: #FFF;
padding: $-s $-xxl $-xxl $-xxl;
border-radius: 4px;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
margin-bottom: $-xxl;
max-width: 100%;
}
@ -66,6 +78,9 @@ header .menu {
.page-content {
@extend .page-style;
min-height: 70vh;
max-width: 840px;
margin-left: auto;
margin-right: auto;
&.right {
float: right;
}