Bug 1073243 - Remove bogus margins from .ac-title-box that make keyword search richlistitems too tall. r=mak

This commit is contained in:
Dão Gottwald 2014-10-08 20:09:02 +02:00
parent 45069ff10f
commit eea547451a
3 changed files with 34 additions and 25 deletions

View File

@ -117,23 +117,26 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
color: MenuText;
}
.ac-url-box {
/* When setting a vertical margin here, half of that needs to be added
.ac-title-box's translateY for when .ac-url-box is hidden (see below). */
margin-top: 1px;
}
.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box,
.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box,
.autocomplete-richlistitem[type~="autofill"] .ac-url-box {
display: none;
visibility: hidden;
}
.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box,
.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box,
.autocomplete-richlistitem[type~="autofill"] .ac-title-box {
margin-top: 12px;
margin-bottom: 12px;
}
.ac-url-box {
margin-top: 1px;
/* Center the title by moving it down by half of .ac-url-box's height,
including vertical margins (if any). */
transform: translateY(.5em);
}
.ac-site-icon {

View File

@ -102,23 +102,26 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
padding: 5px 2px;
}
.ac-url-box {
/* When setting a vertical margin here, half of that needs to be added
.ac-title-box's translateY for when .ac-url-box is hidden (see below). */
margin-top: 1px;
}
.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box,
.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box,
.autocomplete-richlistitem[type~="autofill"] .ac-url-box {
display: none;
visibility: hidden;
}
.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box,
.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box,
.autocomplete-richlistitem[type~="autofill"] .ac-title-box {
margin-top: 12px;
margin-bottom: 12px;
}
.ac-url-box {
margin-top: 1px;
/* Center the title by moving it down by half of .ac-url-box's height,
including vertical margins (if any). */
transform: translateY(.5em);
}
.ac-site-icon {

View File

@ -130,27 +130,30 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
}
%endif
.ac-title-box {
margin-top: 4px;
}
.ac-url-box {
/* When setting a vertical margin here, half of that needs to be added
.ac-title-box's translateY for when .ac-url-box is hidden (see below). */
margin: 1px 0 4px;
}
.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box,
.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box,
.autocomplete-richlistitem[type~="autofill"] .ac-url-box {
display: none;
visibility: hidden;
}
.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box,
.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box,
.autocomplete-richlistitem[type~="autofill"] .ac-title-box {
margin-top: 12px;
margin-bottom: 12px;
}
.ac-title-box {
margin-top: 4px;
}
.ac-url-box {
margin: 1px 0 4px;
/* Center the title by moving it down by half of .ac-url-box's height,
including vertical margins (if any). */
transform: translateY(calc(.5em + 2px));
}
.ac-site-icon {