summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorPhilip Chimento <philip@endlessm.com>2015-03-27 22:07:45 -0700
committerPhilip Chimento <philip@endlessm.com>2015-03-27 22:07:45 -0700
commitd94f9d10e2147e3c8ce7365fb1b05f99644f856f (patch)
treece86616a9df563d7f4b0cb178fcc0936e57739d0
parent9aea1cf4b0300bc38da5013fef2245e665f9463d (diff)
Remove GPL code
This removes the code that was copied from the LGPL eos-theme repository and replaces it with a different simple spinner animation, adapted from the MIT-licensed http://projects.lukehaas.me/css-loaders/ [endlessm/eos-sdk#2948]
-rw-r--r--data/css/endless-widgets.css200
-rw-r--r--test/smoke-tests/app-window.js2
2 files changed, 92 insertions, 110 deletions
diff --git a/data/css/endless-widgets.css b/data/css/endless-widgets.css
index 28a9f3d..df56fef 100644
--- a/data/css/endless-widgets.css
+++ b/data/css/endless-widgets.css
@@ -207,120 +207,100 @@ EosWindow {
-GtkMenuItem-horizontal-padding: 0;
}
-
-/*
- * Theming for the spinner. Copied directly from gtk-3.0 theme in eos-theme.
- */
- @keyframes spinner {
- 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
-
- 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
-
- 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); }
-
- 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); }
-
- 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); }
-
- 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); }
-
- 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); }
-
- 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); }
-
- 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
-}
+/* Simple spinner. Loosely based on http://projects.lukehaas.me/css-loaders/,
+MIT licensed. */
.spinner {
- background-color: transparent;
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
- background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
- background-size: 20% 20%;
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent));
+ background-position: 0% 50%, 50% 50%, 100% 50%;
+ background-size: 40% 40%;
background-repeat: no-repeat;
}
.spinner:active {
- background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
- -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
- animation: spinner 1s infinite linear;
-}
-
-.button .spinner:active {
- color: @theme_fg_color;
+ animation: spinner 2.1s infinite linear;
+}
+
+@keyframes spinner {
+ 0% {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent));
+ }
+ 25% {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5,
+ color-stop(0, white),
+ color-stop(0.5, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent));
+ }
+ 50% {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5,
+ color-stop(0, white),
+ color-stop(0.5, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent));
+ }
+ 75% {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.5,
+ color-stop(0, white),
+ color-stop(0.5, white),
+ color-stop(1, transparent));
+ }
+ 100% {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent)),
+ -gtk-gradient(radial, center center, 0, center center, 0.2,
+ color-stop(0, white),
+ color-stop(0.8, white),
+ color-stop(1, transparent));
+ }
}
diff --git a/test/smoke-tests/app-window.js b/test/smoke-tests/app-window.js
index bbfd461..5f12de4 100644
--- a/test/smoke-tests/app-window.js
+++ b/test/smoke-tests/app-window.js
@@ -25,6 +25,8 @@ const Page0 = new Lang.Class ({
this.button2 = new Gtk.Button({ label: 'Go to page named "page1"' });
this.add(this.button2);
+ this.add(new Gtk.Spinner({ active: true }));
+
this._addTransitionOptions(pm);
},