Browse page header elements now perfectly aligned, wooo. Starting to fix issues with autocomplete menu.

This commit is contained in:
Victoria Wang 2014-08-21 02:31:11 -07:00
parent 7afc07ecff
commit 48451f2d12
3 changed files with 30 additions and 16 deletions

View file

@ -784,26 +784,33 @@ a.tag:hover {
max-height: 800px; max-height: 800px;
overflow-y: visible; overflow-y: visible;
} }
.tt-dropdown-menu { .tt-dropdown-menu {
padding: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;
background: #FFFFFF; background: #FFFFFF;
cursor: pointer;
} }
.browse-page .select-Container { .interior .header-Outro.browse-page {
overflow: none!important; overflow: visible;
}
.interior .header-Outro.browse-page .select-Container {
overflow: none;
padding: 2px 4px; padding: 2px 4px;
width: 40%; width: 40%;
} }
.browse-page .input-Area { .browse-page .input-Area {
width: 100%; width: 100%;
padding: 5px 5px; padding: 4px 5px;
}
.header-Outro .twitter-typeahead {
top: -2px;
color: #000;
} }
.header-Outro .btn-Action { .header-Outro .btn-Action {
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
.browse-page .text-Label { .browse-page .text-Label {
float: left; float: left;
margin-right: 5px; margin-right: 8px;
font-weight: bold; font-weight: bold;
line-height: 31px; line-height: 31px;
} }

View file

@ -1550,8 +1550,7 @@ a {
width: 95px; width: 95px;
height: 65px; height: 65px;
display: block; display: block;
padding-top: 35px; padding-top: 35px; }
font-size: 14px; }
.overlay a { .overlay a {
color: white; color: white;
@ -2022,23 +2021,31 @@ a.tag:hover {
.tt-dropdown-menu { .tt-dropdown-menu {
padding: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;
background: #FFFFFF; } background: #FFFFFF;
cursor: pointer; }
.browse-page .select-Container { .interior .header-Outro.browse-page {
overflow: none !important; overflow: visible; }
.interior .header-Outro.browse-page .select-Container {
overflow: none;
padding: 2px 4px; padding: 2px 4px;
width: 40%; } width: 40%; }
.browse-page .input-Area { .browse-page .input-Area {
width: 100%; width: 100%;
padding: 5px 5px; } padding: 4px 5px; }
.header-Outro .twitter-typeahead {
top: -2px;
color: #000; }
.header-Outro .btn-Action { .header-Outro .btn-Action {
margin: 0 0 0 10px; } margin: 0 0 0 10px; }
.browse-page .text-Label, .browse-page .option-Container { .browse-page .text-Label, .browse-page .option-Container {
float: left; float: left;
margin-right: 5px; margin-right: 8px;
font-weight: bold; font-weight: bold;
line-height: 31px; } line-height: 31px; }

View file

@ -43,9 +43,9 @@
<div class="col col-50 filter"> <div class="col col-50 filter">
<form method="GET" action="browse"> <form method="GET" action="browse">
<fieldset class="grouping"> <fieldset class="grouping">
<label class="text-Label" for="tag">Search by tag:</label> <label class="text-Label" for="tags">Search by tag:</label>
<input class="input-Area typeahead" name="tag" placeholder="pokemon"> <input class="input-Area typeahead" name="tags" type="text" placeholder="pokemon" value="" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" dir="auto">
<input type="submit" class="btn-Action" value="Search"> <input style="vertical-align: -4px;" type="submit" class="btn-Action" value="Search">
</fieldset> </fieldset>
</form> </form>
</div> </div>