← All changes | settings/form.php +27 -7 2.8 → 3.4 View file →

		@@ -69,9 +69,9 @@
69	69	<img src="<?php echo isset($cssData['zoom_in_icon']) && $cssData['zoom_in_icon'] ? esc_attr($cssData['zoom_in_icon']) : imh_6310_plugin_dir_url . 'assets/images/zoom-in.png'; ?>" alt="" width="30" height="30">
70	70	<button class="imh-6310-btn-success imh-6310-zoom-icon">Upload Icon</button>
71	71	</td>
72	72	</tr>
73		- <tr height="50" class="toggle-zoom-feature">
	73	+ <tr height="50" class="toggle-zoom-feature" style="background: #f2f2f2 !important;">
74	74	<td>
75	75	<b>Zoom Out Icon <span class="imh-6310-pro">(Pro)</span>:</b><br />
76	76	</td>
77	77	<td style="display: flex; align-items: center; padding-top: 10px">
		@@ -79,9 +79,9 @@
79	79	<img src="<?php echo isset($cssData['zoom_out_icon']) && $cssData['zoom_out_icon'] ? esc_attr($cssData['zoom_out_icon']) : imh_6310_plugin_dir_url . 'assets/images/zoom-out.png' ?>" alt="" width="30" height="30">
80	80	<button class="imh-6310-btn-success imh-6310-zoom-icon">Upload Icon</button>
81	81	</td>
82	82	</tr>
83		- <tr height="50" class="toggle-zoom-feature">
	83	+ <tr height="50" class="toggle-zoom-feature" style="background: #fff !important;">
84	84	<td>
85	85	<b>Desktop Icon Size <span class="imh-6310-pro">(Pro)</span>:</b><br />
86	86	</td>
87	87	<td>
		@@ -87,9 +87,9 @@
87	87	<td>
88	88	<input type="number" class="imh-6310-form-input" name="desktop_icon_size" value="<?php echo isset($cssData['desktop_icon_size']) ? esc_attr($cssData['desktop_icon_size']) : '30' ?>" />
89	89	</td>
90	90	</tr>
91		- <tr height="50" class="toggle-zoom-feature">
	91	+ <tr height="50" class="toggle-zoom-feature" style="background: #f2f2f2 !important;">
92	92	<td>
93	93	<b>Mobile Icon Size <span class="imh-6310-pro">(Pro)</span>:</b><br />
94	94	</td>
95	95	<td>
		@@ -95,18 +95,38 @@
95	95	<td>
96	96	<input type="number" class="imh-6310-form-input" name="mobile_icon_size" value="<?php echo isset($cssData['mobile_icon_size']) ? esc_attr($cssData['mobile_icon_size']) : '25' ?>" />
97	97	</td>
98	98	</tr>
99		- <tr height="50" class="toggle-zoom-feature">
	99	+ <tr height="50" class="toggle-zoom-feature" style="background: #fff !important;">
100	100	<td>
101	101	<b>Icon Position <span class="imh-6310-pro">(Pro)</span>:</b><br />
102	102	</td>
103	103	<td>
104	104	<select name="icon_position" class="imh-6310-form-input">
105		- <option value="flex-start">Left</option>
106		- <option value="center" <?php echo isset($cssData['icon_position']) && ($cssData['icon_position'] == 'center') ? ' selected' : '' ?>>Center</option>
107		- <option value="flex-end" <?php echo isset($cssData['icon_position']) && ($cssData['icon_position'] == 'flex-end') ? ' selected' : '' ?>>Right</option>
	105	+ <?php
	106	+ $positions = [
	107	+ 'right-top' => 'Right Top',
	108	+ 'right-bottom' => 'Right Bottom',
	109	+ 'left-top' => 'Left Top',
	110	+ 'left-bottom' => 'Left Bottom',
	111	+ 'flex-start' => 'Left',
	112	+ 'center' => 'Center',
	113	+ 'flex-end' => 'Right',
	114	+ ];
	115	+
	116	+ $selectedKey = isset($cssData['icon_position']) ? $cssData['icon_position'] : 'right-top';
	117	+ foreach ($positions as $key => $label) {
	118	+ $selected = ($key === $selectedKey) ? ' selected' : '';
	119	+ echo "<option value=\"{$key}\"{$selected}>{$label}</option>\n";
	120	+ }
	121	+ ?>
108	122	</select>
	123	+ </td>
	124	+ </tr>
	125	+ <tr height="40px" class="toggle-zoom-feature toggle-zoom-feature-background" style="background: #f2f2f2 !important;">
	126	+ <td><label class="imh-6310-form-label" for="icons">Icon Background:</label><span class="imh-6310-pro">(Pro)</span></td>
	127	+ <td>
	128	+ <input type="text" name="icon_background" class="imh_6310_icon_background imh-6310-form-input imh_6310_color_picker" data-opacity="0.8" data-format="rgb" value="<?php echo isset($cssData['icon_background']) ? esc_attr($cssData['icon_background']) : 'rgba(0, 0, 0, 0.9)' ?>">
109	129	</td>
110	130	</tr>
111	131	</table>
112	132	</div>