Przeglądaj źródła

feedback style variables

j8
Kostiantyn Pashura 8 lat temu
rodzic
commit
124303b8b8
2 zmienionych plików z 33 dodań i 4 usunięć
  1. 9
    1
      css/_variables.scss
  2. 24
    3
      css/modals/feedback/_feedback.scss

+ 9
- 1
css/_variables.scss Wyświetl plik

@@ -47,9 +47,17 @@ $raiseHandBg: #D6D61E;
47 47
 $audioLevelBg: #44A5FF;
48 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 59
 $rateStarDefault: #ccc;
51 60
 $rateStarActivity: #165ecc;
52
-$rateStarLabelColor: #333;
53 61
 
54 62
 /**
55 63
  * Misc.

+ 24
- 3
css/modals/feedback/_feedback.scss Wyświetl plik

@@ -48,18 +48,37 @@
48 48
 .feedback.aui-dialog2{
49 49
     .aui-dialog2{
50 50
         &-header {
51
-            background-color: $auiDialogContentBg;
51
+            background-color: $feedbackContentBg;
52 52
             border-bottom-color: transparent;
53 53
             padding-top: 30px;
54 54
             h2 {
55
+                color: $feedbackTextColor;
55 56
                 text-align: center;
56 57
             }
57 58
         }
58 59
 
59 60
         &-content {
61
+            background-color: $feedbackContentBg;
60 62
             text-align: center;
61 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 82
             .rating {
64 83
                 line-height: 1.2;
65 84
                 text-align: center;
@@ -68,10 +87,12 @@
68 87
                 .star-label {
69 88
                     height: 16px;
70 89
                     font-size: 14px;
90
+                    color: $rateStarLabelColor;
71 91
                 }
72 92
                 .star-btn {
93
+                    display: inline-block;
73 94
                     color: $rateStarDefault;
74
-                    font-size: 36px;
95
+                    font-size: 34px;
75 96
                     position: relative;
76 97
                     cursor: pointer;
77 98
                     outline: none;
@@ -97,7 +118,7 @@
97 118
             }
98 119
         }
99 120
         &-footer {
100
-            background-color: $auiDialogContentBg;
121
+            background-color: $feedbackContentBg;
101 122
             border-top-color: transparent;
102 123
         }
103 124
     }

Ładowanie…
Anuluj
Zapisz