moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-26 02:42:17 -05:00
Code Issues Releases Wiki Activity

Add search--light modifier to align with btn--light in action bar

Browse Source
This commit is contained in:
Mario Volke 2014-11-29 10:16:45 +01:00 committed by Tankred Hase
parent 92a8348ea7
commit d985054fcd
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/sass/blocks/basics/_form.scss
View File

@ -188,6 +188,18 @@
height: 1em;
width: 0.8em;
}
// Small lightweight search field to align with btn--light
&--light {
.input-text {
height: 2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
& > svg {
top: 0.5em;
}
}
}
.input-checkbox {

2
src/tpl/action-bar.html
View File

@ -16,7 +16,7 @@
</div><!--/action-bar__secondary-->
<div class="action-bar__search">
<div class="search">
<div class="search search--light">
<svg><use xlink:href="#icon-search" /><title>Search</title></svg>
<input class="input-text" type="text" ng-model="searchText"
ng-change="displaySearchResults(searchText)"