浏览代码

feedback style variables

j8
Kostiantyn Pashura 8 年前
父节点
当前提交
124303b8b8
共有 2 个文件被更改,包括 33 次插入4 次删除
  1. 9
    1
      css/_variables.scss
  2. 24
    3
      css/modals/feedback/_feedback.scss

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

47
 $audioLevelBg: #44A5FF;
47
 $audioLevelBg: #44A5FF;
48
 $audioLevelShadow: rgba(9, 36, 77, 0.9);
48
 $audioLevelShadow: rgba(9, 36, 77, 0.9);
49
 
49
 
50
+/**
51
+ * Feedback Modal
52
+ */
53
+$feedbackContentBg: #fff;
54
+$feedbackInputBg: #fff;
55
+$feedbackTextColor: #000;
56
+$feedbackInputTextColor: #333;
57
+$feedbackInputPlaceholderColor: #777;
58
+$rateStarLabelColor: #333;
50
 $rateStarDefault: #ccc;
59
 $rateStarDefault: #ccc;
51
 $rateStarActivity: #165ecc;
60
 $rateStarActivity: #165ecc;
52
-$rateStarLabelColor: #333;
53
 
61
 
54
 /**
62
 /**
55
  * Misc.
63
  * Misc.

+ 24
- 3
css/modals/feedback/_feedback.scss 查看文件

48
 .feedback.aui-dialog2{
48
 .feedback.aui-dialog2{
49
     .aui-dialog2{
49
     .aui-dialog2{
50
         &-header {
50
         &-header {
51
-            background-color: $auiDialogContentBg;
51
+            background-color: $feedbackContentBg;
52
             border-bottom-color: transparent;
52
             border-bottom-color: transparent;
53
             padding-top: 30px;
53
             padding-top: 30px;
54
             h2 {
54
             h2 {
55
+                color: $feedbackTextColor;
55
                 text-align: center;
56
                 text-align: center;
56
             }
57
             }
57
         }
58
         }
58
 
59
 
59
         &-content {
60
         &-content {
61
+            background-color: $feedbackContentBg;
60
             text-align: center;
62
             text-align: center;
61
             padding: 10px 40px 20px 40px;
63
             padding: 10px 40px 20px 40px;
62
 
64
 
65
+            .input-control{
66
+                &__input {
67
+                    background-color: $feedbackInputBg;
68
+                    color: $feedbackInputTextColor;
69
+
70
+                    &::-webkit-input-placeholder {
71
+                        color: $feedbackInputPlaceholderColor;
72
+                    }
73
+                    &::-moz-placeholder {  /* Firefox 19+ */
74
+                        color: $feedbackInputPlaceholderColor;
75
+                    }
76
+                    &:-ms-input-placeholder {
77
+                        color: $feedbackInputPlaceholderColor;
78
+                    }
79
+                }
80
+            }
81
+
63
             .rating {
82
             .rating {
64
                 line-height: 1.2;
83
                 line-height: 1.2;
65
                 text-align: center;
84
                 text-align: center;
68
                 .star-label {
87
                 .star-label {
69
                     height: 16px;
88
                     height: 16px;
70
                     font-size: 14px;
89
                     font-size: 14px;
90
+                    color: $rateStarLabelColor;
71
                 }
91
                 }
72
                 .star-btn {
92
                 .star-btn {
93
+                    display: inline-block;
73
                     color: $rateStarDefault;
94
                     color: $rateStarDefault;
74
-                    font-size: 36px;
95
+                    font-size: 34px;
75
                     position: relative;
96
                     position: relative;
76
                     cursor: pointer;
97
                     cursor: pointer;
77
                     outline: none;
98
                     outline: none;
97
             }
118
             }
98
         }
119
         }
99
         &-footer {
120
         &-footer {
100
-            background-color: $auiDialogContentBg;
121
+            background-color: $feedbackContentBg;
101
             border-top-color: transparent;
122
             border-top-color: transparent;
102
         }
123
         }
103
     }
124
     }

正在加载...
取消
保存