Переглянути джерело

Change styles in jitsi poppover

master
Ilya Daynatovich 9 роки тому
джерело
коміт
3254bbaabb
3 змінених файлів з 8 додано та 13 видалено
  1. 5
    8
      css/_jitsi_popover.scss
  2. 1
    1
      css/_videolayout_default.scss
  3. 2
    4
      css/themes/_light.scss

+ 5
- 8
css/_jitsi_popover.scss Переглянути файл

8
     min-width: 100px;
8
     min-width: 100px;
9
     padding: 1px;
9
     padding: 1px;
10
     text-align: left;
10
     text-align: left;
11
-    color: $auiDialogColor;
12
-    background-color: $auiDialogContentBg;
11
+    color: $popoverFontColor;
12
+    background-color: $popoverBg;
13
     background-clip: padding-box;
13
     background-clip: padding-box;
14
-    border: 1px solid $popoverBorderColorFallback;
15
-    border: 1px solid $popoverBorderColor;
14
+    border: 1px solid $popoverBg;
16
     border-radius: 3px;
15
     border-radius: 3px;
17
     /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
16
     /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
18
     /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/
17
     /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/
65
         margin: 10px auto;
64
         margin: 10px auto;
66
     }
65
     }
67
 
66
 
68
-
69
     &__clear {
67
     &__clear {
70
         position: absolute;
68
         position: absolute;
71
         display: block;
69
         display: block;
80
         left: 50%;
78
         left: 50%;
81
         margin-left: -5px;
79
         margin-left: -5px;
82
         border-bottom-width: 0;
80
         border-bottom-width: 0;
83
-        border-top-color: $popoverArrowBorderColorFallback;
84
-        border-top-color: $popoverArrowBorderColor;
81
+        border-top-color: $popoverBg;
85
         bottom: -5px;
82
         bottom: -5px;
86
         @extend .jitsipopover__clear;
83
         @extend .jitsipopover__clear;
87
 
84
 
91
             bottom: 1px;
88
             bottom: 1px;
92
             margin-left: -5px;
89
             margin-left: -5px;
93
             border-bottom-width: 0;
90
             border-bottom-width: 0;
94
-            border-top-color: $auiDialogContentBg;
91
+            border-top-color: $popoverBg;
95
             @extend .jitsipopover__clear;
92
             @extend .jitsipopover__clear;
96
         }
93
         }
97
     }
94
     }

+ 1
- 1
css/_videolayout_default.scss Переглянути файл

277
     text-align: left;
277
     text-align: left;
278
     font-size: 12px;
278
     font-size: 12px;
279
     font-weight: 400;
279
     font-weight: 400;
280
-    color: $auiDialogColor;
280
+    color: $popoverFontColor;
281
 
281
 
282
     td {
282
     td {
283
         padding: 5px 0;
283
         padding: 5px 0;

+ 2
- 4
css/themes/_light.scss Переглянути файл

46
 $dropdownColor: #333;
46
 $dropdownColor: #333;
47
 
47
 
48
 // Popover colors
48
 // Popover colors
49
-$popoverArrowBorderColor: rgba(0, 0, 0, 0.25);
50
-$popoverArrowBorderColorFallback: #999999;
51
-$popoverBorderColor: rgba(0, 0, 0, 0.2);
52
-$popoverBorderColorFallback: #cccccc;
49
+$popoverBg: #000;
50
+$popoverFontColor: #ffffff;

Завантаження…
Відмінити
Зберегти