Bug 1201829 - Fix devtools tooltip arrows on HDPI screens. r=pbrosset

MozReview-Commit-ID: L5G9NKANubW
This commit is contained in:
Tim Nguyen 2016-02-27 15:30:54 +01:00
Родитель 4ba825caa7
Коммит e995cee22e
2 изменённых файлов: 32 добавлений и 8 удалений

Просмотреть файл

@ -319,23 +319,35 @@ div.CodeMirror span.eval-text {
--arrow-margin: -7px;
}
.theme-tooltip-panel .panel-arrow[side="top"] {
.theme-tooltip-panel .panel-arrow[side="top"],
.theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png");
/* !important is needed to override the popup.css rules in toolkit/themes */
width: 39px !important;
height: 16px !important;
}
.theme-tooltip-panel .panel-arrow[side="left"],
.theme-tooltip-panel .panel-arrow[side="right"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png");
/* !important is needed to override the popup.css rules in toolkit/themes */
width: 16px !important;
height: 39px !important;
}
.theme-tooltip-panel .panel-arrow[side="top"] {
margin-bottom: var(--arrow-margin);
}
.theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png");
margin-top: var(--arrow-margin);
}
.theme-tooltip-panel .panel-arrow[side="left"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png");
margin-right: var(--arrow-margin);
}
.theme-tooltip-panel .panel-arrow[side="right"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png");
margin-left: var(--arrow-margin);
}

Просмотреть файл

@ -328,23 +328,35 @@ div.CodeMirror span.eval-text {
--arrow-margin: -7px;
}
.theme-tooltip-panel .panel-arrow[side="top"] {
.theme-tooltip-panel .panel-arrow[side="top"],
.theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-light.png");
/* !important is needed to override the popup.css rules in toolkit/themes */
width: 39px !important;
height: 16px !important;
}
.theme-tooltip-panel .panel-arrow[side="left"],
.theme-tooltip-panel .panel-arrow[side="right"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-light.png");
/* !important is needed to override the popup.css rules in toolkit/themes */
width: 16px !important;
height: 39px !important;
}
.theme-tooltip-panel .panel-arrow[side="top"] {
margin-bottom: var(--arrow-margin);
}
.theme-tooltip-panel .panel-arrow[side="bottom"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-light.png");
margin-top: var(--arrow-margin);
}
.theme-tooltip-panel .panel-arrow[side="left"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-light.png");
margin-right: var(--arrow-margin);
}
.theme-tooltip-panel .panel-arrow[side="right"] {
list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-light.png");
margin-left: var(--arrow-margin);
}