浏览代码

Adjusted CSS for side toolbar elements

master
Maxim Voloshin 9 年前
父节点
当前提交
9124aa2c87
共有 5 个文件被更改,包括 29 次插入10 次删除
  1. 7
    2
      css/_contact_list.scss
  2. 3
    3
      css/_side_toolbar_container.scss
  3. 3
    1
      css/_variables.scss
  4. 1
    0
      css/components/_form-control.scss
  5. 15
    4
      css/themes/_light.scss

+ 7
- 2
css/_contact_list.scss 查看文件

13
     .clickable {
13
     .clickable {
14
         cursor: pointer;
14
         cursor: pointer;
15
     }
15
     }
16
+
17
+    .icon-security,
18
+    .icon-security-locked {
19
+        font-size: 16px;
20
+    }
16
 }
21
 }
17
 
22
 
18
 #contacts {
23
 #contacts {
22
         list-style-type: none;
27
         list-style-type: none;
23
         text-align: left;
28
         text-align: left;
24
         white-space: nowrap;
29
         white-space: nowrap;
25
-        color: #FFF;
26
-        font-size: 10pt;
30
+        color: $baseLight;
31
+        font-size: 18px;
27
         padding: 6px 10%;
32
         padding: 6px 10%;
28
 
33
 
29
         &:hover,
34
         &:hover,

+ 3
- 3
css/_side_toolbar_container.scss 查看文件

16
      * Labels inside the side panel.
16
      * Labels inside the side panel.
17
      */
17
      */
18
     label {
18
     label {
19
-        color: $defaultColor;
19
+        color: $baseLight;
20
     }
20
     }
21
 
21
 
22
     /**
22
     /**
71
          * Main title size.
71
          * Main title size.
72
          */
72
          */
73
         div.title {
73
         div.title {
74
-            color: $defaultColor !important;
75
-            font-size: 16px;
74
+            color: $toolbarTitleColor !important;
76
             text-align: center;
75
             text-align: center;
76
+            font-size: $toolbarTitleFontSize;
77
         }
77
         }
78
 
78
 
79
         /**
79
         /**

+ 3
- 1
css/_variables.scss 查看文件

30
 /**
30
 /**
31
  * Toolbar
31
  * Toolbar
32
  */
32
  */
33
+$toolbarTitleColor: #FFFFFF;
34
+$toolbarTitleFontSize: 24px;
33
 $toolbarBackground: rgba(0, 0, 0, 0.5);
35
 $toolbarBackground: rgba(0, 0, 0, 0.5);
34
 $toolbarSelectBackground: rgba(0, 0, 0, .6);
36
 $toolbarSelectBackground: rgba(0, 0, 0, .6);
35
 $toolbarBadgeBackground: #165ECC;
37
 $toolbarBadgeBackground: #165ECC;
90
 /**
92
 /**
91
  * Misc.
93
  * Misc.
92
  */
94
  */
93
-$borderRadius: 4px;
95
+$borderRadius: 3px;
94
 $defaultWatermarkLink: '../images/watermark.png';
96
 $defaultWatermarkLink: '../images/watermark.png';
95
 $sidebarWidth: 200px;
97
 $sidebarWidth: 200px;
96
 
98
 

+ 1
- 0
css/components/_form-control.scss 查看文件

24
     }
24
     }
25
 
25
 
26
     &__hint {
26
     &__hint {
27
+        color: $baseLight;
27
         margin-top: 0;
28
         margin-top: 0;
28
         font-size: $hintFontSize;
29
         font-size: $hintFontSize;
29
 
30
 

+ 15
- 4
css/themes/_light.scss 查看文件

1
+/**
2
+ * Base
3
+ */
4
+$baseLight: #FFFFFF;
5
+
6
+/**
7
+* Controls
8
+*/
9
+$controlBackground: $baseLight;
10
+$controlColor: #333333;
11
+
1
 /**
12
 /**
2
 * Buttons
13
 * Buttons
3
 */
14
 */
17
 
28
 
18
 $primaryButtonBackground: #3572b0;
29
 $primaryButtonBackground: #3572b0;
19
 $primaryButtonHoverBackground: #2a67a5;
30
 $primaryButtonHoverBackground: #2a67a5;
20
-$primaryButtonColor: #fff;
31
+$primaryButtonColor: $baseLight;
21
 $primaryButtonFontWeight: 400;
32
 $primaryButtonFontWeight: 400;
22
 
33
 
23
 $buttonShadowColor: #192d4f;
34
 $buttonShadowColor: #192d4f;
38
  **/
49
  **/
39
 $auiDialogColor: #333;
50
 $auiDialogColor: #333;
40
 $auiDialogBg: #f5f5f5;
51
 $auiDialogBg: #f5f5f5;
41
-$auiDialogContentBg: #fff;
52
+$auiDialogContentBg: $baseLight;
42
 $auiBorderColor: #ccc;
53
 $auiBorderColor: #ccc;
43
 $dialogTitleFontWeight: 400;
54
 $dialogTitleFontWeight: 400;
44
 
55
 
45
 // Main controls
56
 // Main controls
46
-$inputBackground: #fff;
57
+$inputBackground: $controlBackground;
47
 $inputBorderColor: #ccc;
58
 $inputBorderColor: #ccc;
48
-$inputColor: #333;
59
+$inputColor: $controlColor;
49
 $placeHolderColor: #a7a7a7;
60
 $placeHolderColor: #a7a7a7;
50
 $readOnlyInputColor: #a7a7a7;
61
 $readOnlyInputColor: #a7a7a7;
51
 $defaultDarkSelectionColor: #ccc;
62
 $defaultDarkSelectionColor: #ccc;

正在加载...
取消
保存