From 9970343fe5c8226f25234addc6b80836c092fe1f Mon Sep 17 00:00:00 2001
From: ShevAbam <shevabam@gmail.com>
Date: Tue, 7 Jul 2015 15:57:41 +0200
Subject: General : cleaning and optimizing CSS General : responsive design
 General : reload button now spins when you reload block General : update
 jQuery plugin Knob to 1.2.11 General : optimizing security (config file
 esm.config.json is now in the conf/ folder with an htaccess) CPU : retrieves
 correctly CPU frequency for Raspberry Pi CPU : add CPU temperature (+ option
 to enable/disable) System : little correction for getting distro name Swap :
 fix if swap is disabled Services status : adds protocol TCP or UDP for
 checking service status Services status : new option to hide port number (see
 show_port in services section)

---
 web/css/_src/frontend.scss | 83 +++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 82 insertions(+), 1 deletion(-)

(limited to 'web/css/_src/frontend.scss')

diff --git a/web/css/_src/frontend.scss b/web/css/_src/frontend.scss
index 341aa75..2369695 100644
--- a/web/css/_src/frontend.scss
+++ b/web/css/_src/frontend.scss
@@ -52,7 +52,7 @@ nav[role="main"] {
     
     #appname {
         float: left;
-        width: 120px;
+        width: 150px;
         text-align: left;
         
         a {
@@ -231,6 +231,35 @@ table.firstBold tbody tr td:first-child {
 }
 
 
+/* --------------------------- */
+/*  ==     Reload style        */
+/* --------------------------- */
+.reload.spin {
+    @include animation(spin 2000ms infinite linear);
+}
+
+@-ms-keyframes spin {
+    from { -ms-transform: rotate(0deg); }
+    to { -ms-transform: rotate(360deg); }
+}
+@-moz-keyframes spin {
+    from { -moz-transform: rotate(0deg); }
+    to { -moz-transform: rotate(360deg); }
+}
+@-webkit-keyframes spin {
+    from { -webkit-transform: rotate(0deg); }
+    to { -webkit-transform: rotate(360deg); }
+}
+@keyframes spin {
+    from {
+        transform:rotate(0deg);
+    }
+    to {
+        transform:rotate(360deg);
+    }
+}
+
+
 /* --------------------------- */
 /*  ==     Load Average        */
 /* --------------------------- */
@@ -239,3 +268,55 @@ table.firstBold tbody tr td:first-child {
         font-weight: normal;
     }
 }
+
+
+
+
+/* ------------------------- */
+/*  ==     Responsive        */
+/* ------------------------- */
+@media only screen and (max-width: 1024px) {
+    .column-left, .column-right {
+        float: none;
+        width: 100%;
+    }
+    .box {
+        width: 100%;
+        margin-right: 0 !important;
+        margin-left: 0 !important;
+    }
+}
+
+@media only screen and (max-width: 550px) {
+    nav[role="main"] {
+        #appname {
+            width: 135px;
+        }
+
+        #hostname {
+            margin-left: 0;
+            font-size: 12px;
+        }
+
+        #update {
+            margin-left: 0;
+            font-size: 9px;
+            position: absolute;
+            top: 47px;
+            line-height: inherit;
+        }
+
+        ul > li {
+            > a {
+                padding: 12px 0;
+            }
+        }
+    }
+
+    .box#esm-load_average {
+        div {
+            width: 100%;
+            float: none;
+        }
+    }
+}
\ No newline at end of file
-- 
cgit v1.3