← All changes | assets/css/admin-top-bar.css +60 -42 4.2.4 → 3.9.2 View file →

		@@ -1,4 +1,5 @@
	1	+/*! elementor - v3.9.2 - 21-12-2022 */
1	2	#e-dashboard-widget-admin-top-bar {
2	3	position: absolute;
3	4	opacity: 0;
4	5	pointer-events: none;
		@@ -4,21 +5,17 @@
4	5	pointer-events: none;
5	6	}
6	7
7	8	#e-admin-top-bar-root {
8		- font-family: var(--e-a-font-family);
9		- background: var(--e-a-bg-default);
10		- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.03);
	9	+ right: 0;
	10	+ background: #ffffff;
	11	+ box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.0394871);
11	12	display: none;
12	13	position: absolute;
13		- inset-block-start: 0;
14		- inset-inline-end: 0;
	14	+ top: 0;
15	15	width: calc(100% - 160px);
16	16	z-index: 1;
17	17	}
18		-body.folded #e-admin-top-bar-root {
19		- width: calc(100% - 36px);
20		-}
21	18	#e-admin-top-bar-root .e-admin-top-bar {
22	19	display: flex;
23	20	height: 50px;
24	21	justify-content: space-between;
		@@ -24,30 +21,32 @@
24	21	justify-content: space-between;
25	22	padding: 0 16px;
26	23	}
27	24	#e-admin-top-bar-root .page-title-action {
28		- font-size: 12px;
29		- font-weight: 500;
30		- line-height: 1.2;
31		- text-transform: uppercase;
	25	+ background: #f7f7f7;
	26	+ border: 1px solid #0275d8;
	27	+ border-radius: 3px;
	28	+ box-sizing: border-box;
	29	+ color: #0275d8;
	30	+ cursor: pointer;
	31	+ display: inline-block;
	32	+ line-height: 30px;
	33	+ margin: 0 4px;
	34	+ min-height: 30px;
	35	+ padding: 0 10px;
32	36	text-decoration: none;
33		- padding: 8px 16px;
34		- outline: none;
35		- border: none;
36		- border-radius: var(--e-a-border-radius);
37		- background-color: var(--e-a-btn-bg);
38		- color: var(--e-a-btn-color-invert);
39		- transition: var(--e-a-transition-hover);
40	37	}
41	38	#e-admin-top-bar-root .page-title-action:hover {
42		- background-color: var(--e-a-btn-bg-hover);
43		- color: var(--e-a-btn-color-invert);
	39	+ background: #eceeef;
	40	+ border-color: #1b607f;
	41	+ color: #1b607f;
44	42	}
45	43	#e-admin-top-bar-root .e-admin-top-bar__heading {
46	44	display: inline-flex;
47	45	align-items: center;
48	46	justify-content: center;
49		- margin-inline-end: 40px;
	47	+ -webkit-margin-end: 40px;
	48	+ margin-inline-end: 40px;
50	49	}
51	50	#e-admin-top-bar-root .e-admin-top-bar__main-area {
52	51	display: inline-flex;
53	52	align-items: center;
		@@ -60,22 +59,44 @@
60	59	display: inline-flex;
61	60	align-items: center;
62	61	justify-content: center;
63	62	}
	63	+#e-admin-top-bar-root .e-admin-top-bar__heading-logo {
	64	+ width: 30px;
	65	+}
	66	+#e-admin-top-bar-root .e-admin-top-bar__heading-logo {
	67	+ background: #93003c;
	68	+ border-radius: 15px;
	69	+ color: #ffffff;
	70	+ display: inline-block;
	71	+ font-size: 0.875rem;
	72	+ height: 1.875rem;
	73	+ line-height: 1.875rem;
	74	+ text-align: center;
	75	+ width: 1.875rem;
	76	+}
64	77	#e-admin-top-bar-root .e-admin-top-bar__heading-title {
65		- color: var(--e-a-color-txt);
	78	+ color: #495157;
66	79	font-size: 15px;
67	80	font-weight: 700;
	81	+ font-family: "Roboto", Arial, Helvetica, Verdana, sans-serif;
68	82	padding: 0 8px;
69	83	line-height: normal;
	84	+ text-transform: uppercase;
70	85	}
71		-#e-admin-top-bar-root .e-admin-top-bar__main-area-buttons {
72		- display: inline-flex;
73		- gap: 5px;
74		-}
75	86	#e-admin-top-bar-root.e-admin-top-bar--active {
76	87	display: block;
77	88	}
	89	+#e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody #wpbody-content {
	90	+ margin-top: 50px;
	91	+}
	92	+#e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody .wrap {
	93	+ clear: both;
	94	+ padding-top: 10px;
	95	+}
	96	+#e-admin-top-bar-root.e-admin-top-bar--active ~ #wpbody .wrap h1 {
	97	+ display: none;
	98	+}
78	99	#e-admin-top-bar-root:not(.e-admin-top-bar--active) ~ #wpbody .wrap h1, #e-admin-top-bar-root:not(.e-admin-top-bar--active) ~ #wpbody .wrap .page-title-action {
79	100	display: inline-block;
80	101	}
81	102	#e-admin-top-bar-root .e-admin-top-bar__bar-button {
		@@ -84,33 +105,30 @@
84	105	display: inline-flex;
85	106	justify-content: center;
86	107	margin: 0 10px;
87	108	text-decoration: none;
88		- color: var(--e-a-color-txt);
	109	+ color: #6d7882;
89	110	}
90		-#e-admin-top-bar-root .e-admin-top-bar__bar-button.accent {
91		- color: var(--e-a-color-accent);
	111	+#e-admin-top-bar-root .e-admin-top-bar__bar-button .e-admin-top-bar__bar-button-title {
	112	+ color: #6d7882;
92	113	}
93		-#e-admin-top-bar-root .e-admin-top-bar__bar-button.accent:hover .e-admin-top-bar__bar-button-title,
94		-#e-admin-top-bar-root .e-admin-top-bar__bar-button.accent:hover .e-admin-top-bar__bar-button-icon {
95		- color: var(--e-a-color-accent);
96		-}
97		-#e-admin-top-bar-root .e-admin-top-bar__bar-button .crown-icon {
98		- font-size: 14px;
99		-}
100	114	#e-admin-top-bar-root .e-admin-top-bar__bar-button .e-admin-top-bar__bar-button-icon {
101	115	margin: 0 4px;
102	116	}
103	117	#e-admin-top-bar-root .e-admin-top-bar__bar-button:hover .e-admin-top-bar__bar-button-title,
104	118	#e-admin-top-bar-root .e-admin-top-bar__bar-button:hover .e-admin-top-bar__bar-button-icon {
105		- color: var(--e-a-color-txt-hover);
	119	+ color: #93003c;
106	120	}
107	121	#e-admin-top-bar-root .e-admin-top-bar__bar-button-title {
108	122	font-size: 13px;
109	123	font-weight: 500;
	124	+ font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
110	125	margin: 0 4px;
111	126	line-height: normal;
112	127	}
	128	+#e-admin-top-bar-root ~ #wpbody .wrap h1, #e-admin-top-bar-root ~ #wpbody .wrap .page-title-action {
	129	+ display: none;
	130	+}
113	131
114	132	@media screen and (max-width: 960px) {
115	133	#e-admin-top-bar-root {
116	134	width: calc(100% - 36px);
		@@ -126,16 +144,16 @@
126	144	top: 46px;
127	145	}
128	146	}
129	147	@media (max-width: 768px) {
130		- #e-admin-top-bar-root .e-admin-top-bar__main-area-buttons {
131		- position: absolute;
132		- top: calc(100% + 10px);
133		- }
134	148	#e-admin-top-bar-root {
135	149	display: inline-flex;
136	150	align-items: center;
137	151	justify-content: center;
	152	+ }
	153	+ #e-admin-top-bar-root .e-admin-top-bar__main-area-buttons {
	154	+ position: absolute;
	155	+ top: calc(100% + 10px);
138	156	}
139	157	#e-admin-top-bar-root .e-admin-top-bar__secondary-area .e-admin-top-bar__secondary-area-buttons {
140	158	display: none;
141	159	}