From b05bb863234b121762081e213168c067e582a5ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9gis=20Hanol?= <regis@hanol.fr>
Date: Wed, 12 Feb 2014 20:36:10 -0800
Subject: [PATCH] add rollback button style

---
 .../stylesheets/common/admin/admin_base.scss  | 52 ++++++++++++-------
 1 file changed, 34 insertions(+), 18 deletions(-)

diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index 6c9760e1c5c..50310eb33d4 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -4,14 +4,14 @@
 @import "common/foundation/helpers";
 
 
-
-
 .admin-contents table {
-width: 100%;
-tr {text-align: left;}
-td, th {padding: 8px;}
-th {border-top: 1px solid $primary_lighter;}
-td {border-bottom: 1px solid $primary_lighter; border-top: 1px solid $primary_lighter;}
+  width: 100%;
+  tr {text-align: left;}
+  td, th {padding: 8px;}
+  th {border-top: 1px solid $primary_lighter;}
+  td {border-bottom: 1px solid $primary_lighter; border-top: 1px solid $primary_lighter;}
+  tr:hover { background-color: darken($secondary, 2.5%); }
+  tr.selected { background-color: lighten($tertiary, 58%); }
 }
 
 .content-list li a span.count {
@@ -148,10 +148,6 @@ td {border-bottom: 1px solid $primary_lighter; border-top: 1px solid $primary_li
     display: inline-block;
     margin-right: 5px;
   }
-  .btn {
-    background: $primary_lighter;
-    &:hover { background: $primary_lighter; }
-  }
 }
 
 .site-settings-nav {
@@ -245,12 +241,6 @@ section.details {
   border: 1px solid lighten($tertiary, 45%);
 }
 
-table {
-  tr.selected {
-    background-color: lighten($tertiary, 58%);
-  }
-}
-
 .display-row {
   line-height: 30px;
   padding: 5px;
@@ -969,4 +959,30 @@ table.api-keys {
   .fa-times {
     color: $highlight_danger;
   }
-}
\ No newline at end of file
+}
+
+// Backups
+// --------------------------------------------------
+
+$rollback: #3D9970;
+$rollback-dark: darken($rollback, 10%) !default;
+$rollback-darker: darken($rollback, 20%) !default;
+
+.btn-rollback {
+  color: $secondary;
+  background: $rollback;
+  &:hover {
+    background: $rollback-dark;
+  }
+  &:active {
+    @include linear-gradient($rollback-darker, $rollback-dark);
+  }
+  &[disabled] {
+    background: $rollback;
+  }
+}
+
+.admin-backups-logs {
+  max-height: 500px;
+  overflow: auto;
+}