gtkplacesview: rotate server list icon on toggled

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;

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;

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;

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;

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;

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;

common/gtk-3.0/3.18/sass/_common.scss

@@ -2707,6 +2707,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
 //