ソースを参照

Style the sidebar; prepare for CSS onclick.

Add:
    static/sass/index.sass
        -Style `div#sidebar` contents.
tags/v1.0^2
Severyn Kozak 10年前
コミット
4cb566413e
2個のファイルの変更37行の追加4行の削除
  1. +31
    -2
      static/sass/index.sass
  2. +6
    -2
      templates/index.html

+ 31
- 2
static/sass/index.sass ファイルの表示

@@ -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 ファイルの表示

@@ -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>


読み込み中…
キャンセル
保存