theme: Replace corner ripple png assets with css

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/298
This commit is contained in:
Sam Hewitt 2018-11-16 14:05:05 -05:00 committed by Florian Müllner
parent ff2fbf5ae4
commit 8e7c90b930
4 changed files with 5 additions and 8 deletions

View File

@ -11,8 +11,6 @@
<file>close-window.svg</file>
<file>close-window-active.svg</file>
<file>close-window-hover.svg</file>
<file>corner-ripple-ltr.png</file>
<file>corner-ripple-rtl.png</file>
<file>dash-placeholder.svg</file>
<file>gnome-shell.css</file>
<file>gnome-shell-high-contrast.css</file>

Binary file not shown.

Before

(image error) Size: 2.4 KiB

Binary file not shown.

Before

(image error) Size: 2.3 KiB

View File

@ -1142,17 +1142,16 @@ StScrollBar {
& > StIcon { icon-size: 16px; }
}
//Activities Ripples
// Activities Ripples
.ripple-box {
width: 52px;
height: 52px;
background-image: url("resource:///org/gnome/shell/theme/corner-ripple-ltr.png");
background-size: contain;
border-radius: 0 0 52px 0; // radius the size of the box give us the curve
background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
}
.ripple-box:rtl {
background-image: url("resource:///org/gnome/shell/theme/corner-ripple-rtl.png");
}
.ripple-box:rtl { border-radius: 0 0 0 52px; } // just a simple change to the border radius position
// not really top bar only
.popup-menu-arrow { width: 16px; height: 16px; }