gtkplacesview: rotate server list icon on toggled

7 files changed, 63 insertions, 0 deletions

diff --git a/common/gtk-3.0/3.18/gtk-contained-dark.css b/common/gtk-3.0/3.18/gtk-contained-dark.css
index 202d2b2..adfc792 100644
--- a/common/gtk-3.0/3.18/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.18/gtk-contained-dark.css
@@ -2517,6 +2517,14 @@ GtkPlacesSidebar.sidebar .list-row.activatable {
   .sidebar-item.needs-attention > GtkLabel {
     background-size: 6px 6px, 0 0; }
 
+GtkPlacesView .server-list-button > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(0turn); }
+
+GtkPlacesView .server-list-button:checked > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(-0.5turn); }
+
 GtkPaned {
   -GtkPaned-handle-size: 1;
   -gtk-icon-source: none;
diff --git a/common/gtk-3.0/3.18/gtk-contained-darker.css b/common/gtk-3.0/3.18/gtk-contained-darker.css
index a0c51e4..e4f0c92 100644
--- a/common/gtk-3.0/3.18/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.18/gtk-contained-darker.css
@@ -2520,6 +2520,14 @@ GtkPlacesSidebar.sidebar .list-row.activatable {
   .sidebar-item.needs-attention > GtkLabel {
     background-size: 6px 6px, 0 0; }
 
+GtkPlacesView .server-list-button > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(0turn); }
+
+GtkPlacesView .server-list-button:checked > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(-0.5turn); }
+
 GtkPaned {
   -GtkPaned-handle-size: 1;
   -gtk-icon-source: none;
diff --git a/common/gtk-3.0/3.18/gtk-contained-solid-dark.css b/common/gtk-3.0/3.18/gtk-contained-solid-dark.css
index 13947a2..83e4039 100644
--- a/common/gtk-3.0/3.18/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.18/gtk-contained-solid-dark.css
@@ -2517,6 +2517,14 @@ GtkPlacesSidebar.sidebar .list-row.activatable {
   .sidebar-item.needs-attention > GtkLabel {
     background-size: 6px 6px, 0 0; }
 
+GtkPlacesView .server-list-button > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(0turn); }
+
+GtkPlacesView .server-list-button:checked > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(-0.5turn); }
+
 GtkPaned {
   -GtkPaned-handle-size: 1;
   -gtk-icon-source: none;
diff --git a/common/gtk-3.0/3.18/gtk-contained-solid-darker.css b/common/gtk-3.0/3.18/gtk-contained-solid-darker.css
index a5210c7..0632f8a 100644
--- a/common/gtk-3.0/3.18/gtk-contained-solid-darker.css
+++ b/common/gtk-3.0/3.18/gtk-contained-solid-darker.css
@@ -2520,6 +2520,14 @@ GtkPlacesSidebar.sidebar .list-row.activatable {
   .sidebar-item.needs-attention > GtkLabel {
     background-size: 6px 6px, 0 0; }
 
+GtkPlacesView .server-list-button > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(0turn); }
+
+GtkPlacesView .server-list-button:checked > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(-0.5turn); }
+
 GtkPaned {
   -GtkPaned-handle-size: 1;
   -gtk-icon-source: none;
diff --git a/common/gtk-3.0/3.18/gtk-contained-solid.css b/common/gtk-3.0/3.18/gtk-contained-solid.css
index 8c01c3f..42ad74c 100644
--- a/common/gtk-3.0/3.18/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.18/gtk-contained-solid.css
@@ -2524,6 +2524,14 @@ GtkPlacesSidebar.sidebar .list-row.activatable {
   .sidebar-item.needs-attention > GtkLabel {
     background-size: 6px 6px, 0 0; }
 
+GtkPlacesView .server-list-button > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(0turn); }
+
+GtkPlacesView .server-list-button:checked > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(-0.5turn); }
+
 GtkPaned {
   -GtkPaned-handle-size: 1;
   -gtk-icon-source: none;
diff --git a/common/gtk-3.0/3.18/gtk-contained.css b/common/gtk-3.0/3.18/gtk-contained.css
index d68acc3..a3a4df1 100644
--- a/common/gtk-3.0/3.18/gtk-contained.css
+++ b/common/gtk-3.0/3.18/gtk-contained.css
@@ -2524,6 +2524,14 @@ GtkPlacesSidebar.sidebar .list-row.activatable {
   .sidebar-item.needs-attention > GtkLabel {
     background-size: 6px 6px, 0 0; }
 
+GtkPlacesView .server-list-button > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(0turn); }
+
+GtkPlacesView .server-list-button:checked > GtkImage {
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  -gtk-icon-transform: rotate(-0.5turn); }
+
 GtkPaned {
   -GtkPaned-handle-size: 1;
   -gtk-icon-source: none;
diff --git a/common/gtk-3.0/3.18/sass/_common.scss b/common/gtk-3.0/3.18/sass/_common.scss
index 0cd34b7..2ec50fa 100644
--- a/common/gtk-3.0/3.18/sass/_common.scss
+++ b/common/gtk-3.0/3.18/sass/_common.scss
@@ -2708,6 +2708,21 @@ GtkPlacesSidebar.sidebar {
 }
 
 //
+// File chooser
+//
+GtkPlacesView {
+  .server-list-button > GtkImage {
+    transition: 200ms $ease-out-quad;
+    -gtk-icon-transform: rotate(0turn);
+  }
+
+  .server-list-button:checked > GtkImage {
+    transition: 200ms $ease-out-quad;
+    -gtk-icon-transform: rotate(-0.5turn);
+  }
+}
+
+//
 // Paned
 //
 GtkPaned {                        // this is for the standard paned separator