зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1296361
- Implement shadow behind arrow panels across platforms. r=mdeboer
This commit is contained in:
Родитель
bf79fbca6c
Коммит
3bdd9bbad2
|
@ -21,14 +21,14 @@ panel[type="arrow"] {
|
||||||
|
|
||||||
panel[type="arrow"][side="top"],
|
panel[type="arrow"][side="top"],
|
||||||
panel[type="arrow"][side="bottom"] {
|
panel[type="arrow"][side="bottom"] {
|
||||||
margin-left: -16px;
|
margin-left: -20px;
|
||||||
margin-right: -16px;
|
margin-right: -20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
panel[type="arrow"][side="left"],
|
panel[type="arrow"][side="left"],
|
||||||
panel[type="arrow"][side="right"] {
|
panel[type="arrow"][side="right"] {
|
||||||
margin-top: -16px;
|
margin-top: -20px;
|
||||||
margin-bottom: -16px;
|
margin-bottom: -20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-arrowcontent {
|
.panel-arrowcontent {
|
||||||
|
@ -36,6 +36,8 @@ panel[type="arrow"][side="right"] {
|
||||||
color: var(--panel-arrowcontent-color);
|
color: var(--panel-arrowcontent-color);
|
||||||
background: var(--panel-arrowcontent-background);
|
background: var(--panel-arrowcontent-background);
|
||||||
border: 1px solid var(--panel-arrowcontent-border-color);
|
border: 1px solid var(--panel-arrowcontent-border-color);
|
||||||
|
box-shadow: 0 0 4px hsla(0,0%,0%,.2);
|
||||||
|
margin: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-arrow[side="top"],
|
.panel-arrow[side="top"],
|
||||||
|
@ -43,34 +45,34 @@ panel[type="arrow"][side="right"] {
|
||||||
list-style-image: var(--panel-arrow-image-vertical,
|
list-style-image: var(--panel-arrow-image-vertical,
|
||||||
url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg"));
|
url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg"));
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left: 6px;
|
margin-left: 10px;
|
||||||
margin-right: 6px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-arrow[side="top"] {
|
.panel-arrow[side="top"] {
|
||||||
margin-bottom: -1px;
|
margin-bottom: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-arrow[side="bottom"] {
|
.panel-arrow[side="bottom"] {
|
||||||
transform: scaleY(-1);
|
transform: scaleY(-1);
|
||||||
margin-top: -1px;
|
margin-top: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-arrow[side="left"],
|
.panel-arrow[side="left"],
|
||||||
.panel-arrow[side="right"] {
|
.panel-arrow[side="right"] {
|
||||||
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-themed.svg");
|
list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-themed.svg");
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 6px;
|
margin-top: 10px;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-arrow[side="left"] {
|
.panel-arrow[side="left"] {
|
||||||
margin-right: -1px;
|
margin-right: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-arrow[side="right"] {
|
.panel-arrow[side="right"] {
|
||||||
transform: scaleX(-1);
|
transform: scaleX(-1);
|
||||||
margin-left: -1px;
|
margin-left: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ::::: tooltip ::::: */
|
/* ::::: tooltip ::::: */
|
||||||
|
|
|
@ -53,6 +53,7 @@ panel[type="arrow"][side="right"] {
|
||||||
background: var(--panel-arrowcontent-background);
|
background: var(--panel-arrowcontent-background);
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border: 1px solid var(--panel-arrowcontent-border-color);
|
border: 1px solid var(--panel-arrowcontent-border-color);
|
||||||
|
box-shadow: 0 0 4px hsla(0,0%,0%,.2);
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Загрузка…
Ссылка в новой задаче