← All changes | assets/css/style.css +139 -88 1.10.0 → 1.10.19 View file →

		@@ -171,8 +171,18 @@
171	171	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
172	172	border: 1px solid var(--basalam-gray-200);
173	173	}
174	174
	175	+#sync-basalam-onboarding-status {
	176	+ width: 90%;
	177	+ box-sizing: border-box;
	178	+}
	179	+
	180	+#sync-basalam-onboarding-status .basalam-sync-status {
	181	+ width: 100%;
	182	+ box-sizing: border-box;
	183	+}
	184	+
175	185	.basalam-status-header {
176	186	display: flex;
177	187	align-items: center;
178	188	justify-content: space-between;
		@@ -197,8 +207,16 @@
197	207	border-radius: 4px;
198	208	padding: 6px;
199	209	}
200	210
	211	+.basalam-badge-danger {
	212	+ background: #f8d7da;
	213	+ color: #842029;
	214	+ font-size: 14px;
	215	+ border-radius: 4px;
	216	+ padding: 6px;
	217	+}
	218	+
201	219	.basalam-action-cards {
202	220	display: grid;
203	221	grid-template-columns: repeat(3, 1fr);
204	222	gap: 24px;
		@@ -1838,9 +1856,11 @@
1838	1856	._sync_basalam_is_product_type_checkbox_field,
1839	1857	#sync_basalam_product_video_box>div.postbox-header>h2,
1840	1858	#_sync_basalam_is_gold_product_checkbox_field,
1841	1859	#basalam_gold_product_fields,
1842		-#basalam_product_data>div:nth-child(2)>p>label {
	1860	+#basalam_product_data>div:nth-child(2)>p>label,
	1861	+#_sync_basalam_price_change_value_display,
	1862	+ {
1843	1863	font-family: "PelakFA";
1844	1864	}
1845	1865
1846	1866	input[type="number"]::-webkit-inner-spin-button,
		@@ -2171,8 +2191,56 @@
2171	2191	justify-content: center;
2172	2192	flex: 1;
2173	2193	}
2174	2194
	2195	+#sync-basalam-onboarding-status .basalam-status-header > .basalam-h {
	2196	+ grid-area: title;
	2197	+ direction: rtl;
	2198	+ justify-self: end;
	2199	+}
	2200	+
	2201	+#sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container {
	2202	+ grid-area: data;
	2203	+ direction: rtl;
	2204	+ justify-self: center;
	2205	+}
	2206	+
	2207	+#sync-basalam-onboarding-status .basalam-status-header > .basalam-badge {
	2208	+ grid-area: badge;
	2209	+ direction: rtl;
	2210	+ justify-self: start;
	2211	+ white-space: nowrap;
	2212	+}
	2213	+
	2214	+@media screen and (min-width: 1201px) {
	2215	+ #sync-basalam-onboarding-status .basalam-status-header {
	2216	+ display: grid;
	2217	+ grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr) minmax(220px, 1fr);
	2218	+ grid-template-areas: "badge data title";
	2219	+ direction: ltr;
	2220	+ }
	2221	+
	2222	+ #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container {
	2223	+ width: 100%;
	2224	+ flex-wrap: nowrap;
	2225	+ }
	2226	+}
	2227	+
	2228	+@media screen and (min-width: 901px) and (max-width: 1200px) {
	2229	+ #sync-basalam-onboarding-status .basalam-status-header {
	2230	+ display: grid;
	2231	+ grid-template-columns: repeat(2, minmax(0, 1fr));
	2232	+ grid-template-areas:
	2233	+ "badge title"
	2234	+ "data data";
	2235	+ direction: ltr;
	2236	+ }
	2237	+
	2238	+ #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container {
	2239	+ width: 100%;
	2240	+ }
	2241	+}
	2242	+
2175	2243	.basalam_settings_options {
2176	2244	font-family: "PelakFA" !important;
2177	2245	font-weight: bold;
2178	2246	}
		@@ -7225,8 +7293,37 @@
7225	7293	.sync-basalam-bulk-edit__field .basalam-label-container {
7226	7294	margin-bottom: 8px;
7227	7295	}
7228	7296
	7297	+.sync-basalam-bulk-price-change-value {
	7298	+ display: none;
	7299	+ margin-top: 10px !important;
	7300	+}
	7301	+
	7302	+.sync-basalam-bulk-price-change-value .basalam-input-container {
	7303	+ justify-content: stretch;
	7304	+ width: 100%;
	7305	+}
	7306	+
	7307	+.sync-basalam-bulk-price-change-value .percentage-input {
	7308	+ flex: 1 1 0;
	7309	+}
	7310	+
	7311	+.sync-basalam-bulk-price-change-value .percentage-unit {
	7312	+ min-width: 42px;
	7313	+ text-align: center !important;
	7314	+}
	7315	+
	7316	+.sync-basalam-bulk-price-change-value .basalam-flex-end-gap-4 {
	7317	+ justify-content: flex-end;
	7318	+}
	7319	+
	7320	+#sync-basalam-bulk-toggle-percentage {
	7321	+ width: 5px !important;
	7322	+ max-width: 5px !important;
	7323	+ min-height: 5px !important;
	7324	+}
	7325	+
7229	7326	.sync-basalam-bulk-edit__field .basalam-label {
7230	7327	display: flex !important;
7231	7328	width: 100%;
7232	7329	}
		@@ -7287,31 +7384,8 @@
7287	7384	min-width: 0;
7288	7385	margin-bottom: 0 !important;
7289	7386	}
7290	7387
7291		-.sync-basalam-bulk-increase-value {
7292		- display: none;
7293		- margin-top: 10px !important;
7294		-}
7295		-
7296		-.sync-basalam-bulk-increase-value .basalam-input-container {
7297		- justify-content: stretch;
7298		- width: 100%;
7299		-}
7300		-
7301		-.sync-basalam-bulk-increase-value .percentage-input {
7302		- flex: 1 1 0;
7303		-}
7304		-
7305		-.sync-basalam-bulk-increase-value .percentage-unit {
7306		- min-width: 42px;
7307		- text-align: center !important;
7308		-}
7309		-
7310		-.sync-basalam-bulk-increase-value .basalam-flex-end-gap-4 {
7311		- justify-content: flex-end;
7312		-}
7313		-
7314	7388	.sync-basalam-bulk-edit__panel .basalam-input,
7315	7389	.sync-basalam-bulk-edit__panel .basalam-select,
7316	7390	.sync-basalam-bulk-edit__panel .sync-basalam-bulk-select {
7317	7391	width: 100% !important;
		@@ -7702,98 +7776,75 @@
7702	7776	.sync-basalam-bulk-edit__field .basalam-label {
7703	7777	display: flex !important;
7704	7778	}
7705	7779
7706		-#sync-basalam-bulk-toggle-percentage {
7707		- width: 5px !important;
7708		- max-width: 5px !important;
7709		- min-height: 5px !important;
7710		-}
7711		-
7712		-._sync_basalam_increase_price_value_field {
	7780	+/* Product data panel: custom price change field, aligned with WooCommerce form-field rows */
	7781	+.basalam-price-change-field {
7713	7782	font-family: pelakFa;
7714	7783	}
7715	7784
7716		-.basalam-increase-price-field {
7717		- display: grid;
7718		- grid-template-columns: minmax(150px, max-content) minmax(220px, 1fr);
7719		- align-items: start;
7720		- column-gap: 16px;
7721		- row-gap: 8px;
7722		- width: 100%;
	7785	+.basalam-price-change-field > label {
	7786	+ line-height: 32px;
7723	7787	}
7724	7788
7725		-.basalam-increase-price-field__label-section {
7726		- grid-column: 1;
7727		- justify-self: end;
7728		-}
7729		-
7730		-.basalam-increase-price-field__header {
	7789	+.basalam-price-change-field .basalam-price-change-field__control {
	7790	+ float: left;
7731	7791	display: flex;
7732		- align-items: center;
7733		- justify-content: flex-end;
	7792	+ flex-direction: column;
7734	7793	gap: 6px;
7735		- width: 100%;
	7794	+ width: 50%;
7736	7795	}
7737	7796
7738		-.basalam-increase-price-field__header label {
7739		- margin: 0 !important;
7740		- text-align: right;
	7797	+.rtl .basalam-price-change-field .basalam-price-change-field__control {
	7798	+ float: right;
7741	7799	}
7742	7800
7743		-.basalam-increase-price-field__control-section {
7744		- grid-column: 2;
	7801	+.basalam-price-change-field .basalam-price-change-field__input {
7745	7802	display: flex;
7746		- flex-direction: column;
7747		- align-items: stretch;
7748		- gap: 8px;
7749		- min-width: 0;
7750		-}
7751		-
7752		-.basalam-increase-price-field__input-row {
7753		- justify-content: stretch;
7754		- width: 100%;
	7803	+ align-items: center;
	7804	+ width: max-content;
	7805	+ gap: 6px;
7755	7806	direction: rtl;
7756	7807	}
7757	7808
7758		-.basalam-increase-price-field__input-row .percentage-input {
7759		- flex: 1 1 0;
	7809	+.basalam-price-change-field .basalam-price-change-field__input .percentage-input {
	7810	+ flex: 1 1 auto;
	7811	+ width: auto !important;
	7812	+ float: none !important;
	7813	+ margin: 0 !important;
7760	7814	min-width: 0;
	7815	+ height: 32px;
	7816	+ text-align: center;
7761	7817	}
7762	7818
7763		-.basalam-increase-price-field__input-row .percentage-unit {
	7819	+.basalam-price-change-field .percentage-unit {
	7820	+ flex: 0 0 auto;
7764	7821	min-width: 48px;
7765		- text-align: center !important;
	7822	+ text-align: center;
	7823	+ color: #50575e;
7766	7824	}
7767	7825
7768		-.basalam-increase-price-field__toggle-row {
	7826	+.basalam-price-change-field .basalam-price-change-field__toggle {
7769	7827	display: flex;
7770	7828	align-items: center;
	7829	+ justify-content: center;
7771	7830	gap: 4px;
7772		- direction: ltr;
7773		- width: fit-content;
7774		- margin-top: 2px;
7775		- align-self: center;
7776	7831	}
7777	7832
7778		-.basalam-increase-price-field__toggle-row label {
7779		- direction: rtl;
	7833	+.basalam-price-change-field .basalam-price-change-field__toggle input[type="checkbox"] {
	7834	+ margin: 0;
7780	7835	}
7781	7836
	7837	+.basalam-price-change-field .basalam-price-change-field__toggle label {
	7838	+ margin: 0 !important;
	7839	+ padding: 0 !important;
	7840	+ width: auto !important;
	7841	+ float: none !important;
	7842	+ line-height: 1.4;
	7843	+}
	7844	+
7782	7845	@media screen and (max-width: 782px) {
7783		- .basalam-increase-price-field {
7784		- grid-template-columns: 1fr;
	7846	+ .basalam-price-change-field .basalam-price-change-field__control {
	7847	+ float: none;
	7848	+ width: 100%;
7785	7849	}
7786		-
7787		- .basalam-increase-price-field__label-section,
7788		- .basalam-increase-price-field__control-section {
7789		- grid-column: 1;
7790		- }
7791		-
7792		- .basalam-increase-price-field__label-section {
7793		- justify-self: stretch;
7794		- }
7795		-
7796		- .basalam-increase-price-field__header {
7797		- justify-content: flex-start;
7798		- }
7799		-}
	7850	+}