Bug 1257348 Fix for GCLI close button disappears when hovered over r=bgrins, a=ritu

This commit is contained in:
Philip Chee 2016-03-27 00:06:15 +08:00
parent e3a56c7e31
commit 7d1423a8be
2 changed files with 7 additions and 44 deletions

View File

@ -3246,13 +3246,6 @@ menulist.translate-infobar-element > .menulist-dropmarker {
color: hsl(210,11%,16%);
}
/* Developer Toolbar */
#developer-toolbar-closebutton {
margin-left: 8px;
margin-right: 8px;
}
/* Error counter */
#developer-toolbar-toolbox-button[error-count]:before {

View File

@ -50,17 +50,21 @@
margin: auto 10px;
}
:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
:root[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
filter: invert(1);
}
.developer-toolbar-button > .toolbarbutton-icon,
#developer-toolbar-closebutton > .toolbarbutton-icon {
.developer-toolbar-button > .toolbarbutton-icon {
width: 16px;
height: 16px;
}
/* The toolkit close button is low contrast in the dark theme so invert it. */
:root[devtoolstheme="dark"] #developer-toolbar > .close-icon:not(:hover) > image {
filter: invert(1);
}
#developer-toolbar-toolbox-button {
list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
@ -101,40 +105,6 @@
}
}
#developer-toolbar-closebutton {
list-style-image: url("chrome://devtools/skin/images/close.png");
-moz-appearance: none;
border: none;
margin: 0 4px;
min-width: 16px;
width: 16px;
opacity: 0.6;
}
@media (min-resolution: 1.1dppx) {
#developer-toolbar-closebutton {
list-style-image: url("chrome://devtools/skin/images/close@2x.png");
}
}
#developer-toolbar-closebutton > .toolbarbutton-icon {
/* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
use evil CSS to give the impression of smaller content */
margin: -4px;
}
#developer-toolbar-closebutton > .toolbarbutton-text {
display: none;
}
#developer-toolbar-closebutton:hover {
opacity: 0.8;
}
#developer-toolbar-closebutton:hover:active {
opacity: 1;
}
/* GCLI */
html|*#gcli-tooltip-frame,