瀏覽代碼

Initial dashboard style

Denis K 8 年之前
父節點
當前提交
5daa955730
共有 3 個文件被更改,包括 74 次插入27 次删除
  1. 15 15
      jet/static/jet/css/_base.scss
  2. 49 0
      jet/static/jet/css/_dashboard.scss
  3. 10 12
      jet/static/jet/css/_modules.scss

+ 15 - 15
jet/static/jet/css/_base.scss

@@ -36,21 +36,21 @@ body {
   }
   }
 }
 }
 
 
-//.dashboard #content {
-//    width: 600px;
-//}
-//
-//#content-main {
-//    float: left;
-//    width: 100%;
-//}
-//
-//#content-related {
-//    float: right;
-//    width: 260px;
-//    position: relative;
-//    margin-right: -300px;
-//}
+.dashboard #content {
+    width: 600px;
+}
+
+#content-main {
+  float: left;
+  width: 100%;
+}
+
+#content-related {
+  float: right;
+  width: 260px;
+  position: relative;
+  margin-right: -300px;
+}
 
 
 #footer {
 #footer {
   clear: both;
   clear: both;

+ 49 - 0
jet/static/jet/css/_dashboard.scss

@@ -1,5 +1,54 @@
 @import "globals";
 @import "globals";
 
 
+/* DASHBOARD */
+
+.dashboard .module {
+  margin-bottom: 10px;
+
+  table {
+    th {
+      width: 100%;
+    }
+
+    td {
+      white-space: nowrap;
+
+      a {
+        display: block;
+        padding-right: .6em;
+      }
+    }
+  }
+}
+
+/* RECENT ACTIONS MODULE */
+
+#recent-actions-module > h3 {
+  display: none;
+}
+
+.module ul.actionlist {
+  padding: 0;
+  margin-left: 0;
+  border-collapse: collapse;
+  background: $content-background-color;
+  border-radius: 4px;
+  overflow-x: auto;
+  box-shadow: 0 2px 0 0 $content-border2-color;
+  margin-bottom: 2px;
+}
+
+ul.actionlist li {
+  padding: 8px;
+  list-style-type: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+  border-bottom: 1px solid $content-border-color;
+}
+
+/* JET DASHBOARD */
+
 .dashboard {
 .dashboard {
   min-height: 100%;
   min-height: 100%;
 
 

+ 10 - 12
jet/static/jet/css/_modules.scss

@@ -27,20 +27,18 @@ fieldset.module {
 }
 }
 
 
 .module h2, .module caption, .inline-group h2 {
 .module h2, .module caption, .inline-group h2 {
-  margin: 0;
-  padding: 8px;
-  font-weight: 400;
-  font-size: 13px;
+  border-radius: 4px;
+  padding: 6px;
   text-align: left;
   text-align: left;
-  background: #79aec8;
-  color: #fff;
-}
-
-.module caption,
-.inline-group h2 {
-  font-size: 12px;
-  letter-spacing: 0.5px;
   text-transform: uppercase;
   text-transform: uppercase;
+  font-size: 11px;
+  font-weight: bold;
+
+  a {
+    color: $text-color;
+    font-size: 11px;
+    font-weight: bold;
+  }
 }
 }
 
 
 .module table {
 .module table {