search box css fixes

This commit is contained in:
Devin Howard 2015-11-28 22:50:32 +08:00
parent 6b6ad1b660
commit 8505d26182

View file

@ -25,10 +25,6 @@
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
} }
.sidebarSearchField {
color: #424242;
}
.sidebarSearchIcon { .sidebarSearchIcon {
float: left; float: left;
width: 72px; width: 72px;
@ -74,6 +70,7 @@
.resultmap, .resulttopic, .resultmapper, .resultnoresult { .resultmap, .resulttopic, .resultmapper, .resultnoresult {
min-height: 48px; min-height: 48px;
display: table; display: table;
width: 100%;
} }
.canEditMap button.addToMap { .canEditMap button.addToMap {
@ -87,7 +84,19 @@
border-radius: 14px; border-radius: 14px;
} }
.sidebarSearchField { /* main search selector */
.sidebarSearch {
float:left;
height: 32px;
position: relative;
.twitter-typeahead {
float: left;
}
.sidebarSearchField {
float: left;
height: 20px; height: 20px;
border-top: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD;
@ -101,18 +110,7 @@
line-height: 14px; line-height: 14px;
background: #F5F5F5; background: #F5F5F5;
font-family: 'din-medium', helvetica, sans-serif; font-family: 'din-medium', helvetica, sans-serif;
} color: #424242;
/* main search selector */
.sidebarSearch {
float:left;
height: 32px;
position: relative;
.twitter-typeahead,
.sidebarSearchField {
float: left;
} }
.tt-hint { .tt-hint {
@ -132,7 +130,7 @@
font-family: 'din-medium', helvetica, sans-serif; font-family: 'din-medium', helvetica, sans-serif;
} }
.tt-dropdown-menu { .tt-menu {
top: 40px !important; top: 40px !important;
background: #F5F5F5; background: #F5F5F5;
width: 472px; width: 472px;
@ -188,27 +186,52 @@
.maximizeResults { .maximizeResults {
background-position: -32px 0; background-position: -32px 0;
} }
}/* tt-dropdown-menu */ }/* tt-menu */
.tt-suggestion { .tt-suggestion {
position: relative; position: relative;
background: #FFF; background: #FFF;
padding: 8px 0; padding: 8px 0;
> div {
display: table-cell;
}
&:hover { &:hover {
background: #E0E0E0; background: #E0E0E0;
} }
.searchResIconWrapper {
display: table-cell;
vertical-align: middle;
height: 32px;
padding: 0 18px 0 28px;
}
.icon { .icon {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius:16px; border-radius:16px;
} }
.resultText {
width: 260px;
padding-left: 8px;
vertical-align: middle;
word-wrap: break-word;
}
.resultTitle {
font-weight: normal;
font-size: 16px;
line-height: 20px;
width: 100%;
font-family: 'din-regular', helvetica, sans-serif;
}
.resultDesc {
font-size: 12px;
line-height: 16px;
width: 100%;
font-style: italic;
font-family: helvetica, sans-serif;
}
.topicMetacode,
.searchResIconWrapper {
vertical-align: middle;
padding: 0 0 0 8px;
width: 70px;
}
}/* tt-suggestion */ }/* tt-suggestion */
.tt-dataset { .tt-dataset {
@ -274,28 +297,6 @@
} }
}/* tt-dataset-mappers */ }/* tt-dataset-mappers */
.resultText {
width: 260px;
display: table-cell;
padding-left: 8px;
vertical-align: middle;
word-wrap: break-word;
}
.resultTitle {
font-weight: normal;
font-size: 16px;
line-height: 20px;
width: 100%;
font-family: 'din-regular', helvetica, sans-serif;
}
.resultDesc {
font-size: 12px;
line-height: 16px;
width: 100%;
font-style: italic;
font-family: helvetica, sans-serif;
}
.autoOptions { .autoOptions {
width: 114px; width: 114px;
height: 48px; height: 48px;
@ -308,7 +309,6 @@
div, div,
button { button {
position: absolute; position: absolute;
padding: 0;
margin: 0; margin: 0;
border: none; border: none;
outline: none; outline: none;
@ -377,13 +377,6 @@
line-height: 24px; line-height: 24px;
} }
.topicMetacode {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 8px;
width: 70px;
}
.tip { .tip {
display: none; display: none;
position: absolute; position: absolute;