refs matomo-org#4987 apply some of the zenmode styles by default and …

…not only in zen mode. Will move the content of CoreHome/stylesheets/zen-mode.less to other files later
sabl0r · May 1, 2014 · fa94d28 · fa94d28
1 parent 6cd5d7c
commit fa94d28
Show file tree

Hide file tree

Showing 3 changed files with 110 additions and 110 deletions.
diff --git a/plugins/CoreHome/CoreHome.php b/plugins/CoreHome/CoreHome.php
@@ -54,6 +54,7 @@ public function getStylesheetFiles(&$stylesheets)
         $stylesheets[] = "plugins/CoreHome/stylesheets/color_manager.css";
         $stylesheets[] = "plugins/CoreHome/stylesheets/sparklineColors.less";
         $stylesheets[] = "plugins/CoreHome/stylesheets/notification.less";
+        $stylesheets[] = "plugins/CoreHome/stylesheets/zen-mode.less";
         $stylesheets[] = "plugins/CoreHome/angularjs/enrichedheadline/enrichedheadline.less";
     }
 

diff --git a/plugins/CoreHome/stylesheets/zen-mode.less b/plugins/CoreHome/stylesheets/zen-mode.less
@@ -0,0 +1,108 @@
+
+#content:not(.admin) {
+
+  /* DATATABLES */
+
+  table.dataTable {
+    th.sortable {
+      background: @theme-color-background-base !important;
+      border-left: 0px;
+      border-bottom: 0px;
+    }
+    th.columnSorted {
+      font-weight: normal !important;
+    }
+    tr.subDataTable {
+      font-weight: normal !important;
+    }
+    tr.subDataTable td.label .plusMinus + .label .value {
+      font-weight: bold !important;
+    }
+    tr td {
+      padding-top: 7px;
+      padding-bottom: 7px;
+    }
+  }
+
+  .widget {
+    border-color: @silver-85;
+
+    .widgetTop {
+      border-color: @silver-85;
+    }
+  }
+
+  .dataTableActions.dataTableVizHtmlTable > .dataTableWrapper {
+    width: 100%;
+  }
+
+  .dataTableActions table.dataTable  {
+    td.columnodd,
+    td.columneven,
+    th.sortable:not(.first) {
+      width: 50px;
+    }
+  }
+
+  .dataTableVizHtmlTable > .dataTableWrapper {
+    width: 500px;
+  }
+
+  .dataTableFooterNavigation {
+    padding: 7px 0;
+  }
+
+
+  .dataTableFooterIcons {
+    border-top: 0px;
+  }
+
+  .foldDataTableFooterDrawer,
+  .dataTableFeatures .expandDataTableFooterDrawer {
+    opacity: 0;
+    -webkit-transition: all 300ms ease;
+    -moz-transition: all 300ms ease;
+    -ms-transition: all 300ms ease;
+    -o-transition: all 300ms ease;
+    transition: all 300ms ease;
+  }
+
+  &> div:not(#dashboard) .dataTableFeatures .expandDataTableFooterDrawer {
+    margin-bottom: -20px;
+  }
+
+  .dataTableFeatures:hover .foldDataTableFooterDrawer,
+  .dataTableFeatures:hover .expandDataTableFooterDrawer {
+    opacity: 1 !important;
+  }
+
+  h2:nth-of-type(n+2) {
+    margin-top: 40px;
+  }
+
+  h2 {
+    padding-left: 10px;
+    font-size: 24px;
+  }
+
+  .goalEntry:first-of-type {
+    padding-top: 20px;
+  }
+
+  .goalEntry {
+    border-bottom: 0px;
+  }
+
+  .relatedReferrerReports {
+    display: none;
+  }
+
+  div[data-report="Referrers.getReferrerType"] > .dataTableWrapper {
+    width: 800px;
+  }
+
+  .reportsByDimensionView .entityList {
+    margin-left: 13px;
+  }
+
+}
diff --git a/plugins/ZenMode/angularjs/zen-mode/zen-mode.less b/plugins/ZenMode/angularjs/zen-mode/zen-mode.less
@@ -57,6 +57,7 @@
   /* MENU LEVEL2 HOVER */
   .Menu--dashboard > .Menu-tabList > li li {
     float: none;
+    text-align: left;
   }
 
   .Menu--dashboard > .Menu-tabList > li li:hover {
@@ -84,114 +85,4 @@
     display: none;
   }
 
-  /* DATATABLES */
-
-  table.dataTable th.sortable {
-    background: @theme-color-background-base !important;
-    border-left: 0px;
-    border-bottom: 0px;
-  }
-
-  table.dataTable th.columnSorted {
-    font-weight: normal !important;
-  }
-
-  table.dataTable tr.subDataTable {
-    font-weight: normal !important;
-  }
-
-  table.dataTable tr.subDataTable td.label .plusMinus + .label .value {
-    font-weight: bold !important;
-  }
-
-  .widget {
-    border-color: @silver-85;
-
-    .widgetTop {
-      border-color: @silver-85;
-    }
-  }
-
-  .dataTableActions.dataTableVizHtmlTable > .dataTableWrapper {
-    width: 100%;
-  }
-
-  .dataTableActions table.dataTable  {
-    td.columnodd,
-    td.columneven,
-    th.sortable:not(.first) {
-      width: 50px;
-    }
-  }
-
-  .dataTableVizHtmlTable > .dataTableWrapper {
-    width: 500px;
-  }
-
-  table.dataTable tr td.columnodd {
-   // background-color: @theme-color-background-base !important;
-  }
-
-  table.dataTable tr td {
-    padding-top: 7px;
-    padding-bottom: 7px;
-  }
-
-  .dataTableFooterNavigation {
-    padding: 7px 0;
-  }
-
-
-  .dataTableFooterIcons {
-    border-top: 0px;
-  }
-
-  #content .foldDataTableFooterDrawer,
-  #content .dataTableFeatures .expandDataTableFooterDrawer {
-    opacity: 0;
-    -webkit-transition: all 300ms ease;
-    -moz-transition: all 300ms ease;
-    -ms-transition: all 300ms ease;
-    -o-transition: all 300ms ease;
-    transition: all 300ms ease;
-  }
-
-  #content > div:not(#dashboard) .dataTableFeatures .expandDataTableFooterDrawer {
-    margin-bottom: -20px;
-  }
-
-  #content .dataTableFeatures:hover .foldDataTableFooterDrawer,
-  #content .dataTableFeatures:hover .expandDataTableFooterDrawer {
-    opacity: 1 !important;
-  }
-
-  #content h2:nth-of-type(n+2) {
-    margin-top: 40px;
-  }
-
-  #content h2 {
-    padding-left: 10px;
-    font-size: 24px;
-  }
-
-  #content .goalEntry:first-of-type {
-    padding-top: 20px;
-  }
-
-  .goalEntry {
-    border-bottom: 0px;
-  }
-
-  .relatedReferrerReports {
-    display: none;
-  }
-
-  div[data-report="Referrers.getReferrerType"] > .dataTableWrapper {
-    width: 800px;
-  }
-
-  .reportsByDimensionView .entityList {
-    margin-left: 13px;
-  }
-
 }