Procházet zdrojové kódy

Style the sidebar; prepare for CSS onclick.

Add:
    static/sass/index.sass
        -Style `div#sidebar` contents.
tags/v1.0^2
Severyn Kozak před 10 roky
rodič
revize
4cb566413e
2 změnil soubory, kde provedl 37 přidání a 4 odebrání
  1. +31
    -2
      static/sass/index.sass
  2. +6
    -2
      templates/index.html

+ 31
- 2
static/sass/index.sass Zobrazit soubor

@@ -110,7 +110,8 @@ div#search-field
height: 26px

div#advanced-search
background-color: red
background-color: white
border: 1px solid $baseColor3
padding-top: 0px
overflow: auto

@@ -121,9 +122,37 @@ div#search-field
float: left

#sidebar
background-color: yellow
padding-left: 1%
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
background-color: blue
width: 80%


+ 6
- 2
templates/index.html Zobrazit soubor

@@ -35,7 +35,9 @@

<div id="advanced-search">
<div id="sidebar">
<div>Fields</div>
<div>
Fields
</div>
<ul>
<li><button id="language">languages</button></li>
<li><button id="author">authors</button></li>
@@ -47,8 +49,10 @@
<li><button id="variable">variables</button></li>
</ul>
<button id="add-group">
Add group.
+
</button>
<div>
</div>
</div>
<div id="search-groups">
<div class="search-group">Hello, world.</div>


Načítá se…
Zrušit
Uložit