← All changes | inc/admin/views/themes/data-online.php +26 -11 4.4.8 → 4.4.10 View file →

		@@ -12,14 +12,19 @@
12	12	defined( 'ABSPATH' ) || exit;
13	13	?>
14	14
15	15	<div class="learn-press-themes">
16		- <div class="lp-themes-toolbar">
	16	+ <div class="lp-themes-toolbar lp-be-toolbar">
17	17	<div class="lp-themes-filter">
	18	+ <button type="button" class="lp-themes-filter__toggle" aria-label="<?php esc_attr_e( 'Filter themes', 'learnpress' ); ?>" aria-expanded="false" aria-haspopup="true">
	19	+ <svg class="lp-themes-filter__toggle-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>
	20	+ <span><?php esc_html_e( 'Filter', 'learnpress' ); ?></span>
	21	+ </button>
	22	+ <div class="lp-themes-filter__menu lp-be-nav-tabs">
18	23
19	24	<button
20	25	type="button"
21		- class="lp-themes-filter__item active"
	26	+ class="lp-themes-filter__item lp-be-nav-tab active"
22	27	data-category="all"
23	28	aria-pressed="true"
24	29	>
25	30	<?php esc_html_e( 'All Themes', 'learnpress' ); ?> <span class="lp-themes-filter__count"></span>
		@@ -26,9 +31,9 @@
26	31	</button>
27	32
28	33	<button
29	34	type="button"
30		- class="lp-themes-filter__item"
	35	+ class="lp-themes-filter__item lp-be-nav-tab"
31	36	data-category="paid"
32	37	aria-pressed="false"
33	38	>
34	39	<?php esc_html_e( 'Paid Themes', 'learnpress' ); ?> <span class="lp-themes-filter__count"></span>
		@@ -35,9 +40,9 @@
35	40	</button>
36	41
37	42	<button
38	43	type="button"
39		- class="lp-themes-filter__item"
	44	+ class="lp-themes-filter__item lp-be-nav-tab"
40	45	data-category="free"
41	46	aria-pressed="false"
42	47	>
43	48	<?php esc_html_e( 'Free Themes', 'learnpress' ); ?> <span class="lp-themes-filter__count"></span>
		@@ -42,14 +47,24 @@
42	47	>
43	48	<?php esc_html_e( 'Free Themes', 'learnpress' ); ?> <span class="lp-themes-filter__count"></span>
44	49	</button>
45	50
	51	+ </div>
46	52	</div>
47		- <label class="lp-themes-search">
48		- <span class="screen-reader-text"><?php esc_html_e( 'Search themes', 'learnpress' ); ?></span>
49		- <span class="lp-themes-search__icon lp-icon-search" aria-hidden="true"></span>
50		- <input type="search" class="lp-themes-search__input" placeholder="<?php esc_attr_e( 'Search themes…', 'learnpress' ); ?>" />
51		- </label>
	53	+ <div class="lp-themes-search lp-be-search">
	54	+ <button type="button" class="lp-themes-search__btn lp-be-search__btn" aria-label="<?php esc_attr_e( 'Search themes', 'learnpress' ); ?>" aria-expanded="false" aria-controls="lp-themes-search__field">
	55	+ <span class="lp-icon-search" aria-hidden="true"></span>
	56	+ </button>
	57	+ <div class="lp-themes-search__field lp-be-search__field" id="lp-themes-search__field">
	58	+ <label class="lp-themes-search__input-wrap lp-be-search__input-wrap">
	59	+ <span class="screen-reader-text"><?php esc_html_e( 'Search theme by name', 'learnpress' ); ?></span>
	60	+ <span class="lp-themes-search__icon lp-be-search__icon lp-icon-search" aria-hidden="true"></span>
	61	+ <input type="search" class="lp-themes-search__input lp-be-search__input" placeholder="<?php esc_attr_e( 'Search theme by name', 'learnpress' ); ?>" autocomplete="off" />
	62	+ </label>
	63	+ <button type="button" class="lp-themes-search__btn-clear lp-be-search__btn-clear" disabled><?php esc_html_e( 'Clear', 'learnpress' ); ?></button>
	64	+ <button type="button" class="lp-themes-search__close lp-be-search__close" aria-label="<?php esc_attr_e( 'Close search', 'learnpress' ); ?>"><span aria-hidden="true">&times;</span></button>
	65	+ </div>
	66	+ </div>
52	67	</div>
53	68
54	69	<?php
55	70	if ( empty( $themes ) ) :
		@@ -164,9 +179,9 @@
164	179
165	180	<div class="lp-theme-card__actions">
166	181
167	182	<a
168		- class="lp-theme-card__buy"
	183	+ class="lp-theme-card__buy lp-be-btn lp-be-btn--primary"
169	184	href="<?php echo esc_url( $theme['buy_url'] ?? '#' ); ?>"
170	185	target="_blank"
171	186	rel="noopener noreferrer"
172	187	>
		@@ -173,9 +188,9 @@
173	188	<?php echo esc_html( $theme['buy_text'] ?? __( 'Get Theme Now', 'learnpress' ) ); ?>
174	189	</a>
175	190
176	191	<a
177		- class="lp-theme-card__demo"
	192	+ class="lp-theme-card__demo lp-be-btn lp-be-btn--outline"
178	193	href="<?php echo esc_url( $theme['demo_url'] ?? '#' ); ?>"
179	194	target="_blank"
180	195	rel="noopener noreferrer"
181	196	>