[gnome-shell/wip/snwh/corner-ripple-css: 7/7] theme: Replace corner ripple png assets with css
- From: Florian Müllner <fmuellner src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell/wip/snwh/corner-ripple-css: 7/7] theme: Replace corner ripple png assets with css
- Date: Thu, 22 Nov 2018 18:26:09 +0000 (UTC)
commit 8e7c90b930fd6bd52bfc0976d6e0750a48219cb4
Author: Sam Hewitt <sam snwh org>
Date: Fri Nov 16 14:05:05 2018 -0500
theme: Replace corner ripple png assets with css
https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/298
data/gnome-shell-theme.gresource.xml | 2 --
data/theme/corner-ripple-ltr.png | Bin 2493 -> 0 bytes
data/theme/corner-ripple-rtl.png | Bin 2386 -> 0 bytes
data/theme/gnome-shell-sass/_common.scss | 11 +++++------
4 files changed, 5 insertions(+), 8 deletions(-)
---
diff --git a/data/gnome-shell-theme.gresource.xml b/data/gnome-shell-theme.gresource.xml
index c99b71ddf..e292d33a3 100644
--- a/data/gnome-shell-theme.gresource.xml
+++ b/data/gnome-shell-theme.gresource.xml
@@ -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>
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 06c50d1d9..829791419 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -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; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]