backend-skins 0.1.24 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/modern/css/my-menu.styl +38 -15
- package/package.json +1 -1
|
@@ -14,22 +14,14 @@ body {
|
|
|
14
14
|
background: #1976d2;
|
|
15
15
|
border: none;
|
|
16
16
|
padding-bottom: 0px;
|
|
17
|
-
|
|
18
|
-
/* --- ESTO ES LO NUEVO --- */
|
|
19
17
|
display: flex;
|
|
20
|
-
|
|
21
|
-
//flex-wrap: nowrap; /* Evita que los elementos caigan abajo */
|
|
22
|
-
//overflow-x: auto; /* Si hay demasiados items, permite scroll horizontal en vez de romperse */
|
|
18
|
+
box-sizing: border-box;
|
|
23
19
|
}
|
|
24
20
|
#main-top-bar * {
|
|
25
21
|
margin-left: 8px;
|
|
26
22
|
margin-top: 0px;
|
|
27
23
|
}
|
|
28
24
|
|
|
29
|
-
#main-logo{
|
|
30
|
-
margin-top:5px;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
25
|
#main-top-bar1, .sub-menu-bar {
|
|
34
26
|
background: #1565c0;
|
|
35
27
|
border: none;
|
|
@@ -39,6 +31,43 @@ body {
|
|
|
39
31
|
padding: 0 16px !important;
|
|
40
32
|
}
|
|
41
33
|
|
|
34
|
+
#main-top-bar > span {
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
width: 100%;
|
|
38
|
+
flex-wrap: wrap;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* 1. Las luces son el inicio del bloque derecho (Order 1) */
|
|
42
|
+
.right-lights {
|
|
43
|
+
order: 1;
|
|
44
|
+
margin-left: auto !important;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/* 2. Bob va en el medio (Order 2) */
|
|
48
|
+
#active-user {
|
|
49
|
+
order: 2;
|
|
50
|
+
color: white;
|
|
51
|
+
margin-left: 10px !important;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
#active-user, #right-menu-icon, .right-lights {
|
|
55
|
+
filter: brightness(0) invert(1); /* Iconos a blanco */
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* 3. Los puntos van al final (Order 3) */
|
|
59
|
+
#right-menu-icon {
|
|
60
|
+
order: 3;
|
|
61
|
+
margin-left: 10px !important; /* Espacio respecto a Bob */
|
|
62
|
+
max-width:40px !important
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
#right-menu-icon, .right-lights img {
|
|
66
|
+
filter: brightness(0) invert(1) !important;
|
|
67
|
+
width: auto !important;
|
|
68
|
+
flex-shrink: 0 !important;
|
|
69
|
+
}
|
|
70
|
+
|
|
42
71
|
.top-menu-bar .menu-item, .sub-menu-bar .menu-item {
|
|
43
72
|
color: white;
|
|
44
73
|
background: transparent !important;
|
|
@@ -78,12 +107,6 @@ body {
|
|
|
78
107
|
color: #666 !important;
|
|
79
108
|
}
|
|
80
109
|
|
|
81
|
-
#active-user, #right-menu-icon, .right-lights {
|
|
82
|
-
filter: brightness(0) invert(1); /* Iconos a blanco */
|
|
83
|
-
margin-left: 10px;
|
|
84
|
-
height: 25px;
|
|
85
|
-
width: auto;
|
|
86
|
-
}
|
|
87
110
|
|
|
88
111
|
/* --- CONSOLA FLOTANTE --- */
|
|
89
112
|
#mini-console {
|
package/package.json
CHANGED