menu.scss — WooCommerce 8.6.0

woocommerce / assets / css / menu.scss

woocommerce / assets / css Last commit date

menu.scss

191 lines

1	/**
2	* menu.scss
3	* Styles applied to dashboard menu items added via WooCommerce.
4	* Adds icons to top level menu items, etc.
5	*/
6
7	/**
8	* Imports
9	*/
10	@import "mixins";
11	@import "variables";
12	@import "fonts";
13
14	/**
15	* Styling begins
16	*/
17	span.mce_woocommerce_shortcodes_button {
18	background-image: none !important;
19
20	@include ir();
21
22	&::before {
23
24	@include icon("\e01d");
25	font-size: 0.9em;
26	line-height: 1.2;
27	}
28	}
29
30	#woocommerce-update {
31
32	.updating-message {
33
34	.wc_plugin_upgrade_notice {
35	display: none;
36	}
37	}
38
39	.dummy {
40	display: none;
41	}
42
43	.wc_plugin_upgrade_notice {
44	font-weight: normal;
45	background: #fff8e5 !important;
46	border-left: 4px solid #ffb900;
47	border-top: 1px solid #ffb900;
48	padding: 9px 0 9px 12px !important;
49	margin: 0 -12px 0 -16px !important;
50
51	&::before {
52	content: "\f348";
53	display: inline-block;
54	font: 400 18px/1 dashicons;
55	speak: never;
56	margin: 0 8px 0 -2px;
57	vertical-align: top;
58	}
59
60	&.minor,
61	&.major {
62	padding: 20px 0 !important;
63
64	&::before {
65	display: none;
66	}
67
68	p {
69	padding: 0 20px;
70	margin: 0;
71	max-width: 700px;
72	line-height: 1.5em;
73
74	&::before {
75	content: "";
76	display: none;
77	}
78	}
79
80	table.plugin-details-table {
81	margin: 0.75em 0 0;
82
83	tr {
84	background: transparent none !important;
85	border: 0 !important;
86	}
87
88	th,
89	td {
90	background: transparent none !important;
91	margin: 0;
92	padding: 0.75em 20px 0;
93	border: 0 !important;
94	font-size: 1em;
95	box-shadow: none;
96	}
97
98	th {
99	font-weight: bold;
100	}
101	}
102	}
103	}
104	}
105
106	#wc_untested_extensions_modal {
107	display: none;
108	}
109
110	.wc_untested_extensions_modal_container {
111	border-radius: 4px;
112	padding: 0;
113
114	#TB_closeAjaxWindow {
115	display: none;
116	}
117
118	#TB_title {
119	display: none;
120	}
121
122	#TB_ajaxContent {
123	height: 100% !important;
124	padding: 0;
125	margin: 0;
126	width: 100% !important;
127
128	p {
129	margin: 0 0 1em;
130	}
131	}
132	}
133
134	.wc_untested_extensions_modal--content {
135
136	h1 {
137	margin: 2px 2px 0.5em;
138	padding: 0.75em 1.154em;
139	line-height: 1.5em;
140	font-size: 1.6em;
141	border-bottom: 1px solid #eee;
142	background: #e9e9e9;
143	border-top-left-radius: 4px;
144	border-top-right-radius: 4px;
145	text-shadow: none;
146	}
147
148	.extensions_warning {
149	padding: 0 2em;
150	}
151
152	.plugin-details-table-container {
153	max-height: 40vh;
154	overflow-y: auto;
155	}
156
157	table.plugin-details-table {
158	margin: 20px 0;
159
160	th,
161	td {
162	background: transparent none !important;
163	margin: 0;
164	padding: 0.75em 20px 0;
165	border: 0 !important;
166	font-size: 1em;
167	box-shadow: none;
168	}
169
170	th {
171	font-weight: bold;
172	margin-top: 0;
173	}
174	}
175
176	.actions {
177	border-top: 1px solid #eee;
178	margin: 0;
179	padding: 1em 0 2em 0;
180	overflow: hidden;
181
182	.woocommerce-actions {
183	display: inline-block;
184	}
185
186	a.button-primary {
187	float: right;
188	}
189	}
190	}
191