AdminLTE.scss in admin_lte-rails-2.3.8.2

- old
+ new

@@ -9,29 +9,28 @@
  * Core: General Layout Style
  * -------------------------
  */
 html,
 body {
-  min-height: 100%;
+  height: 100%;
 }
 .layout-boxed html,
 .layout-boxed body {
   height: 100%;
 }
 body {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 400;
   overflow-x: hidden;
   overflow-y: auto;
 }
 /* Layout */
 .wrapper {
-  min-height: 100%;
+  height: 100%;
   position: relative;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .wrapper:before,
 .wrapper:after {
   content: " ";
   display: table;
@@ -84,14 +83,14 @@
 }
 @media (max-width: 767px) {
   .sidebar-open .content-wrapper,
   .sidebar-open .right-side,
   .sidebar-open .main-footer {
-    -webkit-transform: translate(230px, 0);
-    -ms-transform: translate(230px, 0);
-    -o-transform: translate(230px, 0);
-    transform: translate(230px, 0);
+    -webkit-transform: translate(-230px, 0);
+    -ms-transform: translate(-230px, 0);
+    -o-transform: translate(-230px, 0);
+    transform: translate(-230px, 0);
   }
 }
 .content-wrapper,
 .right-side {
   min-height: 100%;
@@ -433,23 +432,23 @@
   }
 }
 @media (max-width: 767px) {
   .main-sidebar,
   .left-side {
-    -webkit-transform: translate(-230px, 0);
-    -ms-transform: translate(-230px, 0);
-    -o-transform: translate(-230px, 0);
-    transform: translate(-230px, 0);
+    -webkit-transform: translate(230px, 0);
+    -ms-transform: translate(230px, 0);
+    -o-transform: translate(230px, 0);
+    transform: translate(230px, 0);
   }
 }
 @media (min-width: 768px) {
   .sidebar-collapse .main-sidebar,
   .sidebar-collapse .left-side {
-    -webkit-transform: translate(-230px, 0);
-    -ms-transform: translate(-230px, 0);
-    -o-transform: translate(-230px, 0);
-    transform: translate(-230px, 0);
+    -webkit-transform: translate(230px, 0);
+    -ms-transform: translate(230px, 0);
+    -o-transform: translate(230px, 0);
+    transform: translate(230px, 0);
   }
 }
 @media (max-width: 767px) {
   .sidebar-open .main-sidebar,
   .sidebar-open .left-side {
@@ -634,14 +633,16 @@
     margin-right: -3px;
     padding: 12px 20px 12px 5px;
     background-color: inherit;
   }
   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
+    position: relative!important;
     float: left;
     width: auto!important;
-    right: 200px!important;
-    top: 10px!important;
+    right: 180px !important;
+    top: -22px !important;
+    z-index: 900;
   }
   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
     display: none;
   }
   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
@@ -1773,10 +1774,13 @@
 }
 .box-header > .box-tools.pull-right .dropdown-menu {
   left: 0;
   right: auto;
 }
+.box-header > .box-tools .dropdown-menu > li > a {
+  color: #444!important;
+}
 .btn-box-tool {
   padding: 5px;
   font-size: 12px;
   background: transparent;
   color: #97a0b3;
@@ -2821,14 +2825,14 @@
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   transform: translate(0, 0);
 }
 .direct-chat-contacts {
-  -webkit-transform: translate(101%, 0);
-  -ms-transform: translate(101%, 0);
-  -o-transform: translate(101%, 0);
-  transform: translate(101%, 0);
+  -webkit-transform: translate(-101%, 0);
+  -ms-transform: translate(-101%, 0);
+  -o-transform: translate(-101%, 0);
+  transform: translate(-101%, 0);
   position: absolute;
   top: 0;
   bottom: 0;
   height: 250px;
   width: 100%;
@@ -3035,11 +3039,11 @@
 .widget-user .widget-user-username {
   margin-top: 0;
   margin-bottom: 5px;
   font-size: 25px;
   font-weight: 300;
-  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
 .widget-user .widget-user-desc {
   margin-top: 0;
 }
 .widget-user .widget-user-image {
@@ -4193,10 +4197,10 @@
 .external-event {
   padding: 5px 10px;
   font-weight: bold;
   margin-bottom: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   cursor: move;
 }
 .external-event:hover {
   box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);