Browse Source
Style the sidebar; prepare for CSS onclick.
Add:
static/sass/index.sass
-Style `div#sidebar` contents.
tags/v1.0^2
Severyn Kozak
10 years ago
2 changed files with 37 additions and 4 deletions
Unified View
Diff Options
-
+31 -2static/sass/index.sass
-
+6 -2templates/index.html
+ 31
- 2
static/sass/index.sass
View File
| @@ -110,7 +110,8 @@ div#search-field | |||||
| height: 26px | height: 26px | ||||
| div#advanced-search | div#advanced-search | ||||
| background-color: red | |||||
| background-color: white | |||||
| border: 1px solid $baseColor3 | |||||
| padding-top: 0px | padding-top: 0px | ||||
| overflow: auto | overflow: auto | ||||
| @@ -121,9 +122,37 @@ div#search-field | |||||
| float: left | float: left | ||||
| #sidebar | #sidebar | ||||
| background-color: yellow | |||||
| padding-left: 1% | |||||
| width: 20% | width: 20% | ||||
| * | |||||
| font-size: 95% | |||||
| >div | |||||
| color: $baseColor2 | |||||
| font-size: 107% | |||||
| padding-top: 5% | |||||
| >ul | |||||
| list-style: none | |||||
| padding-left: 0 | |||||
| margin-bottom: 8% | |||||
| margin-top: 2% | |||||
| li button | |||||
| background-color: #F1F1F1 | |||||
| border: none | |||||
| width: 80% | |||||
| &.clicked, &:hover | |||||
| @extend .t2 | |||||
| background-color: $baseColor1 | |||||
| color: white | |||||
| width: 90% | |||||
| >button#add-group | |||||
| #search-groups | #search-groups | ||||
| background-color: blue | background-color: blue | ||||
| width: 80% | width: 80% | ||||
+ 6
- 2
templates/index.html
View File
| @@ -35,7 +35,9 @@ | |||||
| <div id="advanced-search"> | <div id="advanced-search"> | ||||
| <div id="sidebar"> | <div id="sidebar"> | ||||
| <div>Fields</div> | |||||
| <div> | |||||
| Fields | |||||
| </div> | |||||
| <ul> | <ul> | ||||
| <li><button id="language">languages</button></li> | <li><button id="language">languages</button></li> | ||||
| <li><button id="author">authors</button></li> | <li><button id="author">authors</button></li> | ||||
| @@ -47,8 +49,10 @@ | |||||
| <li><button id="variable">variables</button></li> | <li><button id="variable">variables</button></li> | ||||
| </ul> | </ul> | ||||
| <button id="add-group"> | <button id="add-group"> | ||||
| Add group. | |||||
| + | |||||
| </button> | </button> | ||||
| <div> | |||||
| </div> | |||||
| </div> | </div> | ||||
| <div id="search-groups"> | <div id="search-groups"> | ||||
| <div class="search-group">Hello, world.</div> | <div class="search-group">Hello, world.</div> | ||||