Преглед изворни кода

fix: fix and refactor AoT css

master
Bettenbuk Zoltan пре 6 година
родитељ
комит
bebc6eabe5
3 измењених фајлова са 49 додато и 31 уклоњено
  1. 48
    0
      css/_always_on_top.scss
  2. 0
    31
      css/_toolbars.scss
  3. 1
    0
      css/main.scss

+ 48
- 0
css/_always_on_top.scss Прегледај датотеку

@@ -0,0 +1,48 @@
1
+
2
+.always-on-top-toolbox {
3
+    background-color: $newToolbarBackgroundColor;
4
+    border-radius: 3px;
5
+    display: flex;
6
+    flex-direction: row;
7
+    left: 50%;
8
+    position: absolute;
9
+    top: 10px;
10
+    transform: translateX(-50%);
11
+    z-index: $toolbarZ;
12
+
13
+    .toolbox-icon {
14
+        cursor: pointer;
15
+        padding: 7px;
16
+
17
+        &.toggled {
18
+            background: $AOTToolbarButtonToggleColor;
19
+        }
20
+
21
+        &.disabled {
22
+            cursor: initial;
23
+        }
24
+    }
25
+
26
+    .toolbox-button {
27
+        &:first-child {
28
+            .toolbox-icon {
29
+                border-top-left-radius: 3px;
30
+                border-bottom-left-radius: 3px;
31
+            }
32
+        }
33
+
34
+        &:nth-child(2) {
35
+            svg {
36
+                fill: $hangupColor;
37
+            }
38
+        }
39
+
40
+        &:last-child {
41
+            .toolbox-icon {
42
+                border-top-right-radius: 3px;
43
+                border-bottom-right-radius: 3px;
44
+            }
45
+        }
46
+    }
47
+    
48
+}

+ 0
- 31
css/_toolbars.scss Прегледај датотеку

@@ -270,7 +270,6 @@
270 270
     }
271 271
 }
272 272
 
273
-.always-on-top-toolbox,
274 273
 .filmstrip-toolbox {
275 274
     background-color: $newToolbarBackgroundColor;
276 275
     box-sizing: border-box;
@@ -304,36 +303,6 @@
304 303
     border-radius: 3px;
305 304
 }
306 305
 
307
-.always-on-top-toolbox {
308
-    flex-direction: row;
309
-    left: 50%;
310
-    position: absolute;
311
-    top: 10px;
312
-    transform: translateX(-50%);
313
-    z-index: $toolbarZ;
314
-
315
-    i {
316
-        font-size: $newToolbarFontSize;
317
-        height: $newToolbarSize;
318
-        line-height: $newToolbarSize;
319
-        width: $newToolbarSize;
320
-    }
321
-
322
-    .disabled {
323
-        cursor: initial;
324
-    }
325
-
326
-    .toolbox-button:first-child i {
327
-        border-top-left-radius: 3px;
328
-        border-bottom-left-radius: 3px;
329
-    }
330
-
331
-    .toolbox-button:last-child i {
332
-        border-top-right-radius: 3px;
333
-        border-bottom-right-radius: 3px;
334
-    }
335
-}
336
-
337 306
 .filmstrip-toolbox {
338 307
     i {
339 308
         font-size: 1.9em;

+ 1
- 0
css/main.scss Прегледај датотеку

@@ -26,6 +26,7 @@ $flagsImagePath: "../images/";
26 26
 /* Modules BEGIN */
27 27
 
28 28
 @import 'aui_reset';
29
+@import 'always_on_top';
29 30
 @import 'atlaskit_overrides';
30 31
 @import 'base';
31 32
 @import 'utils';

Loading…
Откажи
Сачувај