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

View file

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

View file

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