diff options
| author | Ofer Lehr <ofer@oferlehr.com> | 2014-12-04 00:36:33 +0200 |
|---|---|---|
| committer | Ofer Lehr <ofer@oferlehr.com> | 2014-12-04 00:36:33 +0200 |
| commit | de6f766ec27040f402af5c2b16cb298181e622c1 (patch) | |
| tree | 875a322d85e5fd3d68c778004863f7c50ec065ad /res/css/partials/search-bar.scss | |
| parent | b5653a2fc4d2378ceea7af4a9224aa041bb4e091 (diff) | |
fixed search bar positioning, scroll bug and moved export button to search bar
Diffstat (limited to 'res/css/partials/search-bar.scss')
| -rw-r--r-- | res/css/partials/search-bar.scss | 40 |
1 files changed, 30 insertions, 10 deletions
diff --git a/res/css/partials/search-bar.scss b/res/css/partials/search-bar.scss index 1da42796..3fcbe378 100644 --- a/res/css/partials/search-bar.scss +++ b/res/css/partials/search-bar.scss @@ -5,24 +5,44 @@ -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3); + z-index: 100; } .search-input{ - position: absolute; - width: 100%; - top: $three-baselines+($four-baselines - $icon-height)/2; + width: 70%; height:$icon-height; - left: $doc-margin + 40px; + float: left; + margin: 8px 12px 12px $doc-margin; } -.search-icon { - position:absolute; - width:20px; - height:$icon-height; - left: $doc-margin; - top: $three-baselines+($four-baselines - $icon-height)/2; + +.search-input:before { + content: ""; + background: url(../img/search-icon.png); + padding: 0px 10px 0px 10px; + background-position: center; + background-repeat: no-repeat; } input { font-family: $base-font-family; font-size: $h3-size; + width: 80%; +} + +.export { + cursor: pointer; + text-align: right; + width: 60px; + float: right; + color: $dark-grey; + font-size: $h5-size; + margin: 14px $doc-margin 12px 12px ; +} + +.export:before { + content: ""; + background: url(../img/export.png); + padding: 0px 9px 0px 9px; + background-position: center; + background-repeat: no-repeat; }
\ No newline at end of file |