theme: Fix caption border gap
Since widnows decorations with round corners has a special shape, which when scaled we can't match with a simple border-radius. So to prevent to show a gap between the caption border and the caption itself, apply a shadow.
This commit is contained in:
parent
c398e02700
commit
fbef56b602
@ -944,6 +944,10 @@ StScrollBar {
|
|||||||
.window-clone-border {
|
.window-clone-border {
|
||||||
border: 4px solid $selected_bg_color;
|
border: 4px solid $selected_bg_color;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
// For window decorations with round corners we can't match
|
||||||
|
// the exact shape when the window is scaled. So apply a shadow
|
||||||
|
// to fix that case
|
||||||
|
box-shadow: inset 0px 0px 0px 1px $selected_bg_color;;
|
||||||
}
|
}
|
||||||
.window-caption {
|
.window-caption {
|
||||||
spacing: 25px;
|
spacing: 25px;
|
||||||
|
@ -1200,7 +1200,8 @@ StScrollBar {
|
|||||||
|
|
||||||
.window-clone-border {
|
.window-clone-border {
|
||||||
border: 4px solid #215d9c;
|
border: 4px solid #215d9c;
|
||||||
border-radius: 4px; }
|
border-radius: 4px;
|
||||||
|
box-shadow: inset 0px 0px 0px 1px #215d9c; }
|
||||||
|
|
||||||
.window-caption {
|
.window-caption {
|
||||||
spacing: 25px;
|
spacing: 25px;
|
||||||
|
@ -1200,7 +1200,8 @@ StScrollBar {
|
|||||||
|
|
||||||
.window-clone-border {
|
.window-clone-border {
|
||||||
border: 4px solid #215d9c;
|
border: 4px solid #215d9c;
|
||||||
border-radius: 4px; }
|
border-radius: 4px;
|
||||||
|
box-shadow: inset 0px 0px 0px 1px #215d9c; }
|
||||||
|
|
||||||
.window-caption {
|
.window-caption {
|
||||||
spacing: 25px;
|
spacing: 25px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user