Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-24 21:31:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1298659 - Remove hardcoded colors from searchbar.css and make it more consistent across platforms. r=florian

Browse Source
This commit is contained in:
Dão Gottwald 2016-09-05 17:31:37 +02:00
parent 6da730f66d
commit 6fdeb3376c
3 changed files with 45 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
browser/themes/linux/searchbar.css
View File

@ -132,12 +132,14 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
}
.search-panel-tree {
border-top: 1px solid #ccc !important;
border-top: 1px solid var(--panel-separator-color) !important;
}
.search-panel-header {
font-weight: normal;
border-top: 1px solid rgba(0, 0, 0, 0.2);
background-color: hsla(210,4%,10%,.07);
border: none;
border-top: 1px solid var(--panel-separator-color);
padding: 3px 5px;
color: GrayText;
}
@ -152,12 +154,12 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
}
.search-panel-input-value {
color: Highlight;
color: -moz-fieldtext;
}
.search-panel-one-offs {
margin: 0 !important;
border-top: 1px solid #ccc;
border-top: 1px solid var(--panel-separator-color);
}
.searchbar-engine-one-off-item {
@ -166,10 +168,10 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
border: none;
min-width: 48px;
height: 32px;
margin: 0 0;
padding: 0 0;
background: none;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAAFElEQVQI12NgYGAwZmJgYGCgBwEAHpIAXs+dj/cAAAAASUVORK5CYII=');
margin: 0;
padding: 0;
background: linear-gradient(transparent 15%, var(--panel-separator-color) 15%, var(--panel-separator-color) 85%, transparent 85%);
background-size: 1px auto;
background-repeat: no-repeat;
background-position: right center;
}
@ -180,7 +182,7 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
.searchbar-engine-one-off-item:not(.last-row) {
box-sizing: content-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid var(--panel-separator-color);
}
.search-setting-button-compact {
@ -231,7 +233,7 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
}
.addengine-item:first-of-type {
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-top: 1px solid var(--panel-separator-color);
}
.addengine-item[selected] {
@ -294,16 +296,12 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
.search-setting-button {
-moz-appearance: none;
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin: 0;
min-height: 32px;
}
.search-setting-button[selected] {
background-color: Highlight;
color: HighlightText;
border-top-color: #bdbebe;
background-color: hsla(210,4%,10%,.15);
}
.search-setting-button-compact {

30
browser/themes/osx/searchbar.css
View File

@ -121,17 +121,17 @@
}
.search-panel-tree {
border-top: 1px solid #ccc !important;
border-top: 1px solid var(--panel-separator-color) !important;
}
.search-panel-header {
font-size: 10px;
font-weight: normal;
background-color: rgb(245, 245, 245);
border-top: 1px solid #ccc;
background-color: hsla(210,4%,10%,.07);
border-top: 1px solid var(--panel-separator-color);
margin: 0;
padding: 3px 6px;
color: #666;
color: GrayText;
}
.search-panel-header > label {
@ -144,12 +144,12 @@
}
.search-panel-input-value {
color: black;
color: -moz-fieldtext;
}
.search-panel-one-offs {
margin: 0 0 !important;
border-top: 1px solid #ccc;
margin: 0 !important;
border-top: 1px solid var(--panel-separator-color);
}
.searchbar-engine-one-off-item {
@ -157,9 +157,10 @@
display: inline-block;
min-width: 48px;
height: 32px;
margin: 0 0;
padding: 0 0;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII=');
margin: 0;
padding: 0;
background: linear-gradient(transparent 15%, var(--panel-separator-color) 15%, var(--panel-separator-color) 85%, transparent 85%);
background-size: 1px auto;
background-repeat: no-repeat;
background-position: right center;
}
@ -170,7 +171,7 @@
.searchbar-engine-one-off-item:not(.last-row) {
box-sizing: content-box;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid var(--panel-separator-color);
}
.search-setting-button-compact {
@ -204,7 +205,7 @@
-moz-appearance: none;
font-size: 10px;
height: 32px;
margin: 0 0;
margin: 0;
padding: 0 10px;
}
@ -213,7 +214,7 @@
}
.addengine-item:first-of-type {
border-top: 1px solid #ccc;
border-top: 1px solid var(--panel-separator-color);
}
.addengine-item[selected] {
@ -282,8 +283,7 @@
}
.search-setting-button[selected] {
background-color: #d3d3d3;
border-top-color: #bdbebe;
background-color: hsla(210,4%,10%,.15);
}
.search-setting-button-compact {

38
browser/themes/windows/searchbar.css
View File

@ -127,16 +127,17 @@
}
.search-panel-tree {
border-top: 1px solid #ccc !important;
border-top: 1px solid var(--panel-separator-color) !important;
}
.search-panel-header {
font-weight: normal;
background-color: rgb(245, 245, 245);
border-top: 1px solid #ccc;
background-color: hsla(210,4%,10%,.07);
border: none;
border-top: 1px solid var(--panel-separator-color);
margin: 0;
padding: 3px 6px;
color: #666;
color: GrayText;
}
.search-panel-header > label {
@ -149,12 +150,12 @@
}
.search-panel-input-value {
color: black;
color: -moz-fieldtext;
}
.search-panel-one-offs {
margin: 0 0 !important;
border-top: 1px solid #ccc;
margin: 0 !important;
border-top: 1px solid var(--panel-separator-color);
line-height: 0;
}
@ -164,10 +165,10 @@
border: none;
min-width: 48px;
height: 32px;
margin: 0 0;
padding: 0 0;
background: none;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII=');
margin: 0;
padding: 0;
background: linear-gradient(transparent 15%, var(--panel-separator-color) 15%, var(--panel-separator-color) 85%, transparent 85%);
background-size: 1px auto;
background-repeat: no-repeat;
background-position: right center;
}
@ -178,7 +179,7 @@
.searchbar-engine-one-off-item:not(.last-row) {
box-sizing: content-box;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid var(--panel-separator-color);
}
.search-setting-button-compact {
@ -200,7 +201,7 @@
.searchbar-engine-one-off-item > .button-box {
border: none;
padding: 0 0;
padding: 0;
}
.searchbar-engine-one-off-item > .button-box > .button-text {
@ -216,7 +217,7 @@
-moz-appearance: none;
border: none;
height: 32px;
margin: 0 0;
margin: 0;
padding: 0 10px;
}
@ -225,7 +226,7 @@
}
.addengine-item:first-of-type {
border-top: 1px solid #ccc;
border-top: 1px solid var(--panel-separator-color);
}
.addengine-item[selected] {
@ -288,16 +289,11 @@
.search-setting-button {
-moz-appearance: none;
border-bottom: none;
border-left: none;
border-right: none;
-moz-border-top-colors: none;
min-height: 32px;
}
.search-setting-button[selected] {
background-color: #d3d3d3;
border-top-color: #bdbebe;
background-color: hsla(210,4%,10%,.15);
}
.search-setting-button-compact {