← All changes | admin/assets/css/admin.css +159 -60 1.2.0 → 2.3.8 View file →

		@@ -6,62 +6,96 @@
6	6	.ayg-text-center {
7	7	text-align: center;
8	8	}
9	9
10		-.ayg-no-scroll {
11		- overflow: hidden;
	10	+.ayg-text-error {
	11	+ color: #EC4338;
12	12	}
13	13
	14	+.ayg-text-success {
	15	+ color: green;
	16	+}
	17	+
	18	+.ayg-ajax-status .spinner {
	19	+ float: none;
	20	+ visibility: visible;
	21	+}
	22	+
14	23	/*----------------------------------------------------------------------------------------------
15	24	*
16		- * Welcome
	25	+ * Dashboard
17	26	*
18	27	*--------------------------------------------------------------------------------------------*/
19		-#ayg-welcome h1 {
	28	+#ayg-dashboard h1 {
20	29	font-size: 2em;
21	30	font-weight: 500;
22	31	}
23	32
24		-#ayg-welcome .wp-badge {
	33	+#ayg-dashboard .wp-badge {
25	34	margin-bottom: 0;
26	35	background: #EC4338 url( '../images/logo.png' ) no-repeat top;
27	36	}
28	37
29		-#ayg-welcome .feature-video {
30		- position: relative;
31		- width: 100%;
32		- max-width: 100%;
33		- height: 0;
34		- padding-bottom: 56.25%;
	38	+#ayg-table-api-key .ayg-ajax-status span {
	39	+ margin: 0 7px;
35	40	}
36	41
37		-#ayg-welcome .feature-video iframe {
38		- position: absolute;
39		- width: 100%;
40		- height: 100%;
41		- top: 0;
42		- left: 0;
	42	+#ayg-shortcode-builder {
	43	+ display: -webkit-flex; /* Safari */
	44	+ -webkit-flex-wrap: wrap; /* Safari 6.1+ */
	45	+ display: flex;
	46	+ flex-wrap: wrap;
	47	+ margin: 0 -15px;
43	48	}
44	49
	50	+#ayg-shortcode-builder .ayg-left-col,
	51	+#ayg-shortcode-builder .ayg-right-col {
	52	+ width: 100%;
	53	+}
	54	+
	55	+#ayg-shortcode-builder .ayg-col-content {
	56	+ padding: 15px;
	57	+}
	58	+
	59	+@media only screen and (min-width: 768px) {
	60	+ #ayg-shortcode-builder .ayg-left-col {
	61	+ width: 60%;
	62	+ }
	63	+
	64	+ #ayg-shortcode-builder .ayg-right-col {
	65	+ width: 40%;
	66	+ }
	67	+}
	68	+
45	69	/*----------------------------------------------------------------------------------------------
46	70	*
47		- * Admin Notice
	71	+ * Settings
48	72	*
49	73	*--------------------------------------------------------------------------------------------*/
50		- #ayg-admin-notice a {
51		- text-decoration: none;
	74	+#ayg-table-delete-cache {
	75	+ margin-top: 0;
52	76	}
53	77
54		-.ayg-admin-notice-link-premium {
55		- color: green;
	78	+#ayg-table-delete-cache .ayg-text-success {
	79	+ line-height: 28px;
	80	+ margin: 0 7px;
56	81	}
57	82
	83	+.ayg-settings-pagination_type-more tr.previous_button_label,
	84	+.ayg-settings-pagination_type-more tr.next_button_label {
	85	+ display: none;
	86	+}
	87	+
	88	+.ayg-settings-pagination_type-pager tr.more_button_label {
	89	+ display: none;
	90	+}
	91	+
58	92	/*----------------------------------------------------------------------------------------------
59	93	*
60	94	* Modal
61	95	*
62	96	*--------------------------------------------------------------------------------------------*/
63		- .ayg-modal {
	97	+.ayg-modal {
64	98	position: fixed;
65	99	width: 100%;
66	100	height: 100%;
67	101	margin: 0;
		@@ -110,9 +144,9 @@
110	144	text-align: center;
111	145	cursor: pointer;
112	146	}
113	147
114		-.ayg-modal-body .ayg-editor-title {
	148	+.ayg-modal-body .ayg-modal-title {
115	149	margin: 0 25px 15px 0;
116	150	}
117	151
118	152	/*----------------------------------------------------------------------------------------------
		@@ -122,23 +156,19 @@
122	156	*--------------------------------------------------------------------------------------------*/
123	157	.ayg-editor-section-header {
124	158	margin: 5px 0 0 0;
125	159	padding: 10px;
126		- background: #f9f9f9;
127		- border: 1px solid #ddd;
128		- font-size: 1.1em;
129		- font-weight: normal;
130		- line-height: normal;
	160	+ background: #e5e5e5;
	161	+ border: 1px solid #ccc;
131	162	cursor: pointer;
132	163	}
133	164
134	165	.ayg-editor-section-header:hover {
135		- background: #f0f0f0;
	166	+ background: #f9f9f9;
136	167	}
137	168
138	169	.ayg-editor-section-header .dashicons-before {
139	170	color: #006799;
140		- line-height: 1.1em;
141	171	}
142	172
143	173	.ayg-editor-section-header .dashicons-plus {
144	174	display: inline-block;
		@@ -157,10 +187,11 @@
157	187	}
158	188
159	189	.ayg-editor-controls {
160	190	margin: -1px 0 0 0;
161		- padding: 10px;
162		- border: 1px solid #ddd;
	191	+ padding: 12px 12px 0 12px;
	192	+ background: #fff;
	193	+ border: 1px solid #ccc;
163	194	}
164	195
165	196	.ayg-editor-control {
166	197	margin-bottom: 15px;
		@@ -168,8 +199,9 @@
168	199
169	200	.ayg-editor-control label {
170	201	display: block;
171	202	margin-bottom: 5px;
	203	+ font-weight: 600;
172	204	}
173	205
174	206	.ayg-editor-control .wp-picker-input-wrap label {
175	207	display: inline-block;
		@@ -174,8 +206,12 @@
174	206	.ayg-editor-control .wp-picker-input-wrap label {
175	207	display: inline-block;
176	208	}
177	209
	210	+.ayg-editor-control .description {
	211	+ font-size: 90%;
	212	+}
	213	+
178	214	.ayg-editor-control-playlist,
179	215	.ayg-editor-control-channel,
180	216	.ayg-editor-control-username,
181	217	.ayg-editor-control-search,
		@@ -181,17 +217,29 @@
181	217	.ayg-editor-control-search,
182	218	.ayg-editor-control-video,
183	219	.ayg-editor-control-videos,
184	220	.ayg-editor-control-order,
185		-.ayg-editor-control-limit {
	221	+.ayg-editor-control-limit,
	222	+.ayg-editor-control-privacy_enhanced_mode,
	223	+.ayg-editor-control-origin {
186	224	display: none;
187	225	}
188	226
	227	+.ayg-editor-field-pagination_type-more .ayg-editor-control-previous_button_label,
	228	+.ayg-editor-field-pagination_type-more .ayg-editor-control-next_button_label {
	229	+ display: none;
	230	+}
	231	+
	232	+.ayg-editor-field-pagination_type-pager .ayg-editor-control-more_button_label {
	233	+ display: none;
	234	+}
	235	+
189	236	.ayg-editor-field-type-playlist .ayg-editor-control-playlist {
190	237	display: block;
191	238	}
192	239
193		-.ayg-editor-field-type-channel .ayg-editor-control-channel {
	240	+.ayg-editor-field-type-channel .ayg-editor-control-channel,
	241	+.ayg-editor-field-type-livestream .ayg-editor-control-channel {
194	242	display: block;
195	243	}
196	244
197	245	.ayg-editor-field-type-username .ayg-editor-control-username {
		@@ -207,12 +255,25 @@
207	255	.ayg-editor-field-type-video .ayg-editor-control-video {
208	256	display: block;
209	257	}
210	258
211		-.ayg-editor-field-type-video .ayg-editor-section-gallery {
	259	+.ayg-editor-field-type-video .ayg-editor-control-autoadvance {
212	260	display: none;
213	261	}
214	262
	263	+.ayg-editor-field-type-livestream .ayg-editor-control-cache,
	264	+.ayg-editor-field-type-livestream .ayg-editor-control-player_title,
	265	+.ayg-editor-field-type-livestream .ayg-editor-control-player_description,
	266	+.ayg-editor-field-type-livestream .ayg-editor-control-autoadvance,
	267	+.ayg-editor-field-type-livestream .ayg-editor-control-loop {
	268	+ display: none;
	269	+}
	270	+
	271	+.ayg-editor-field-type-video .ayg-editor-section-gallery,
	272	+.ayg-editor-field-type-livestream .ayg-editor-section-gallery {
	273	+ display: none;
	274	+}
	275	+
215	276	.ayg-editor-field-type-videos .ayg-editor-control-videos {
216	277	display: block;
217	278	}
218	279
		@@ -217,42 +278,80 @@
217	278	}
218	279
219	280	/*----------------------------------------------------------------------------------------------
220	281	*
221		- * Shortcode Builder
	282	+ * Block
222	283	*
223	284	*--------------------------------------------------------------------------------------------*/
224		- #ayg-media-button .dashicons:before {
225		- color: #FFF;
	285	+.automatic-youtube-gallery-block-panel .components-panel__row .components-base-control {
	286	+ width: 100%;
226	287	}
227	288
228		-#ayg-shortcode-builder {
229		- position: relative;
230		- width: auto;
231		- max-width: 500px;
232		- margin: 32px auto;
233		- padding: 20px;
234		- background: #FFF;
	289	+.automatic-youtube-gallery-block-panel .components-panel__row .components-base-control label {
	290	+ text-transform: capitalize;
	291	+ font-size: 13px;
	292	+ font-weight: normal;
235	293	}
236	294
237		-/*----------------------------------------------------------------------------------------------
238		- *
239		- * Block
240		- *
241		- *--------------------------------------------------------------------------------------------*/
242		- .ayg-block-panel label {
243		- font-weight: 500;
244		- }
	295	+.automatic-youtube-gallery-block-panel .components-panel__row .components-range-control__wrapper {
	296	+ flex: 1 1 100%;
	297	+}
245	298
	299	+.automatic-youtube-gallery-block-panel .components-panel__row .block-editor-panel-color-gradient-settings {
	300	+ padding-left: 0;
	301	+ padding-right: 0;
	302	+ width: 100%;
	303	+}
	304	+
	305	+.is-loading .wp-block-automatic-youtube-gallery-block {
	306	+ opacity: 0.5;
	307	+}
	308	+
	309	+.is-loading .wp-block-automatic-youtube-gallery-block .ayg-error {
	310	+ visibility: hidden;
	311	+}
	312	+
	313	+.is-loading .automatic-youtube-gallery-block-spinner {
	314	+ position: absolute;
	315	+ margin: 0;
	316	+ padding: 10px;
	317	+ top: 0;
	318	+ left: 0;
	319	+ background: #fff;
	320	+}
	321	+
	322	+.is-loading .automatic-youtube-gallery-block-spinner svg {
	323	+ margin: 0 10px 0 0;
	324	+}
	325	+
	326	+.is-loading .automatic-youtube-gallery-block-spinner span {
	327	+ line-height: 16px;
	328	+ vertical-align: top;
	329	+}
	330	+
246	331	/*----------------------------------------------------------------------------------------------
247	332	*
248	333	* Widget
249	334	*
250	335	*--------------------------------------------------------------------------------------------*/
251		- .widget .ayg-editor {
252		- margin-bottom: 15px;
253		- }
	336	+.widget .ayg-editor {
	337	+ margin: 10px 0;
	338	+}
254	339
255		- .widget .ayg-editor .description {
256		- padding: 5px 0 !important;
	340	+.widget .ayg-editor .ayg-editor-control {
	341	+ margin-bottom: 12px;
	342	+}
	343	+
	344	+.widget .ayg-editor .ayg-editor-control label {
	345	+ display: block;
	346	+ margin-bottom: 0;
	347	+ font-weight: 600;
	348	+}
	349	+
	350	+.widget .ayg-editor .ayg-editor-control .wp-picker-input-wrap label {
	351	+ display: inline-block;
	352	+}
	353	+
	354	+.widget .ayg-editor .ayg-editor-control .description {
	355	+ margin: 0;
257	356	word-break: break-word;
258		- }
	357	+}