| @@ -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; |
| @@ -230,8 +248,45 @@ | ||
| 230 | 248 | -ms-transition: all 0.3s ease; |
| 231 | 249 | -o-transition: all 0.3s ease; |
| 232 | 250 | } |
| 233 | 251 | |
| 252 | +.basalam-action-cards > .basalam-action-card, | |
| 253 | +.basalam-action-cards > form, | |
| 254 | +.basalam-action-cards > form > .basalam-action-card { | |
| 255 | + width: 100%; | |
| 256 | + min-width: 0; | |
| 257 | + box-sizing: border-box; | |
| 258 | +} | |
| 259 | + | |
| 260 | +#sync-basalam-onboarding-products .basalam-action-buttons-col, | |
| 261 | +#sync-basalam-onboarding-orders .basalam-action-buttons-col, | |
| 262 | +#sync-basalam-onboarding-orders .basalam-action-buttons-col > form { | |
| 263 | + width: 100%; | |
| 264 | + min-width: 0; | |
| 265 | + box-sizing: border-box; | |
| 266 | +} | |
| 267 | + | |
| 268 | +#sync-basalam-onboarding-products .basalam-action-buttons-col > button, | |
| 269 | +#sync-basalam-onboarding-orders .basalam-action-buttons-col > form > button, | |
| 270 | +#sync-basalam-onboarding-settings .basalam-center > button, | |
| 271 | +#sync-basalam-onboarding-settings .basalam-center-margin > button { | |
| 272 | + width: 100%; | |
| 273 | + min-height: 44px; | |
| 274 | + box-sizing: border-box; | |
| 275 | +} | |
| 276 | + | |
| 277 | +#sync-basalam-onboarding-products .basalam-flex-fill > .basalam-flex { | |
| 278 | + display: grid; | |
| 279 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 280 | + width: 100%; | |
| 281 | +} | |
| 282 | + | |
| 283 | +#sync-basalam-onboarding-products .basalam-flex-fill > .basalam-flex > a { | |
| 284 | + width: 100%; | |
| 285 | + min-width: 0; | |
| 286 | + box-sizing: border-box; | |
| 287 | +} | |
| 288 | + | |
| 234 | 289 | .basalam-action-card:hover { |
| 235 | 290 | transform: translateY(-2px); |
| 236 | 291 | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); |
| 237 | 292 | } |
| @@ -886,8 +941,47 @@ | ||
| 886 | 941 | position: relative; |
| 887 | 942 | display: inline-block; |
| 888 | 943 | } |
| 889 | 944 | |
| 945 | +@media screen and (max-width: 782px) { | |
| 946 | + /* WP core hides `.tablenav.top .actions` on small screens. Our button sits | |
| 947 | + INSIDE that filter container (alongside the date/channel/customer filters | |
| 948 | + and the Filter submit). Re-show the container, but keep only our button: | |
| 949 | + hide every other child so the filters stay hidden on mobile/tablet. */ | |
| 950 | + .tablenav .actions:has(> .basalam-orders-fetch-wrapper) { | |
| 951 | + display: inline-block !important; | |
| 952 | + } | |
| 953 | + | |
| 954 | + .tablenav .actions:has(> .basalam-orders-fetch-wrapper) > *:not(.basalam-orders-fetch-wrapper) { | |
| 955 | + display: none !important; | |
| 956 | + } | |
| 957 | + | |
| 958 | + .tablenav .actions.basalam-orders-fetch-wrapper { | |
| 959 | + display: inline-block !important; | |
| 960 | + float: none; | |
| 961 | + width: auto; | |
| 962 | + margin: 8px 0; | |
| 963 | + } | |
| 964 | + | |
| 965 | + .basalam-orders-btn-group { | |
| 966 | + align-items: center; | |
| 967 | + } | |
| 968 | + | |
| 969 | + .basalam-orders-btn-group .basalam-button { | |
| 970 | + display: flex !important; | |
| 971 | + align-items: center !important; | |
| 972 | + justify-content: center !important; | |
| 973 | + height: 32px !important; | |
| 974 | + line-height: 1 !important; | |
| 975 | + padding: 0 8px !important; | |
| 976 | + } | |
| 977 | + | |
| 978 | + .basalam-orders-btn-group .basalam-btn-text { | |
| 979 | + line-height: 1 !important; | |
| 980 | + white-space: nowrap; | |
| 981 | + } | |
| 982 | +} | |
| 983 | + | |
| 890 | 984 | .basalam-orders-btn-group { |
| 891 | 985 | display: flex; |
| 892 | 986 | width: 200px; |
| 893 | 987 | align-items: stretch; |
| @@ -1481,11 +1575,11 @@ | ||
| 1481 | 1575 | } |
| 1482 | 1576 | |
| 1483 | 1577 | @media screen and (max-width: 768px) { |
| 1484 | 1578 | .basalam-header { |
| 1485 | - margin: 0 15px; | |
| 1579 | + margin: 0 auto 24px; | |
| 1486 | 1580 | padding: 20px; |
| 1487 | - width: 86%; | |
| 1581 | + width: 90%; | |
| 1488 | 1582 | box-sizing: border-box; |
| 1489 | 1583 | } |
| 1490 | 1584 | |
| 1491 | 1585 | .basalam-header-data { |
| @@ -1575,9 +1669,9 @@ | ||
| 1575 | 1669 | padding: 10px; |
| 1576 | 1670 | } |
| 1577 | 1671 | |
| 1578 | 1672 | .basalam-header { |
| 1579 | - margin: 0 10px; | |
| 1673 | + margin: 0 auto 24px; | |
| 1580 | 1674 | padding: 16px; |
| 1581 | 1675 | } |
| 1582 | 1676 | |
| 1583 | 1677 | .basalam-header-data img { |
| @@ -1796,12 +1890,14 @@ | ||
| 1796 | 1890 | ._sync_basalam_is_mobile_product_checkbox_field, |
| 1797 | 1891 | #basalam_mobile_product_fields, |
| 1798 | 1892 | ._sync_basalam_is_wholesale_field, |
| 1799 | 1893 | ._sync_basalam_is_product_type_checkbox_field, |
| 1800 | -#sync_basalam_product_video_box > div.postbox-header > h2, | |
| 1801 | -#_sync_basalam_is_gold_product_checkbox_field , | |
| 1894 | +#sync_basalam_product_video_box>div.postbox-header>h2, | |
| 1895 | +#_sync_basalam_is_gold_product_checkbox_field, | |
| 1802 | 1896 | #basalam_gold_product_fields, |
| 1803 | -#basalam_product_data > div:nth-child(2) > p > label { | |
| 1897 | +#basalam_product_data>div:nth-child(2)>p>label, | |
| 1898 | +#_sync_basalam_price_change_value_display, | |
| 1899 | + { | |
| 1804 | 1900 | font-family: "PelakFA"; |
| 1805 | 1901 | } |
| 1806 | 1902 | |
| 1807 | 1903 | input[type="number"]::-webkit-inner-spin-button, |
| @@ -2132,8 +2228,56 @@ | ||
| 2132 | 2228 | justify-content: center; |
| 2133 | 2229 | flex: 1; |
| 2134 | 2230 | } |
| 2135 | 2231 | |
| 2232 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam-h { | |
| 2233 | + grid-area: title; | |
| 2234 | + direction: rtl; | |
| 2235 | + justify-self: end; | |
| 2236 | +} | |
| 2237 | + | |
| 2238 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2239 | + grid-area: data; | |
| 2240 | + direction: rtl; | |
| 2241 | + justify-self: center; | |
| 2242 | +} | |
| 2243 | + | |
| 2244 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam-badge { | |
| 2245 | + grid-area: badge; | |
| 2246 | + direction: rtl; | |
| 2247 | + justify-self: start; | |
| 2248 | + white-space: nowrap; | |
| 2249 | +} | |
| 2250 | + | |
| 2251 | +@media screen and (min-width: 1201px) { | |
| 2252 | + #sync-basalam-onboarding-status .basalam-status-header { | |
| 2253 | + display: grid; | |
| 2254 | + grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr) minmax(220px, 1fr); | |
| 2255 | + grid-template-areas: "badge data title"; | |
| 2256 | + direction: ltr; | |
| 2257 | + } | |
| 2258 | + | |
| 2259 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2260 | + width: 100%; | |
| 2261 | + flex-wrap: nowrap; | |
| 2262 | + } | |
| 2263 | +} | |
| 2264 | + | |
| 2265 | +@media screen and (min-width: 901px) and (max-width: 1200px) { | |
| 2266 | + #sync-basalam-onboarding-status .basalam-status-header { | |
| 2267 | + display: grid; | |
| 2268 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 2269 | + grid-template-areas: | |
| 2270 | + "badge title" | |
| 2271 | + "data data"; | |
| 2272 | + direction: ltr; | |
| 2273 | + } | |
| 2274 | + | |
| 2275 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2276 | + width: 100%; | |
| 2277 | + } | |
| 2278 | +} | |
| 2279 | + | |
| 2136 | 2280 | .basalam_settings_options { |
| 2137 | 2281 | font-family: "PelakFA" !important; |
| 2138 | 2282 | font-weight: bold; |
| 2139 | 2283 | } |
| @@ -2286,9 +2430,10 @@ | ||
| 2286 | 2430 | height: 32px !important; |
| 2287 | 2431 | } |
| 2288 | 2432 | |
| 2289 | 2433 | .basalam-dashboard { |
| 2290 | - padding: 10px; | |
| 2434 | + padding: 0; | |
| 2435 | + box-sizing: border-box; | |
| 2291 | 2436 | margin: 0 auto; |
| 2292 | 2437 | } |
| 2293 | 2438 | |
| 2294 | 2439 | .basalam-status-header { |
| @@ -3887,8 +4032,12 @@ | ||
| 3887 | 4032 | .basalam-hidden { |
| 3888 | 4033 | display: none; |
| 3889 | 4034 | } |
| 3890 | 4035 | |
| 4036 | +#BasalamUpdateProductsModal [hidden] { | |
| 4037 | + display: none !important; | |
| 4038 | +} | |
| 4039 | + | |
| 3891 | 4040 | .basalam-block { |
| 3892 | 4041 | display: block; |
| 3893 | 4042 | } |
| 3894 | 4043 | |
| @@ -4146,8 +4295,300 @@ | ||
| 4146 | 4295 | .basalam-form-margin-0 { |
| 4147 | 4296 | margin: 0; |
| 4148 | 4297 | } |
| 4149 | 4298 | |
| 4299 | +/* Scheduled full product updates beside the existing product sync control. */ | |
| 4300 | +#sync-basalam-onboarding-status .basalam-sync-status { | |
| 4301 | + display: grid; | |
| 4302 | + grid-template-columns: minmax(0, 1fr) minmax(0, 400px); | |
| 4303 | + align-items: center; | |
| 4304 | + direction: rtl; | |
| 4305 | + gap: 12px; | |
| 4306 | + padding: 0; | |
| 4307 | + background: transparent; | |
| 4308 | +} | |
| 4309 | + | |
| 4310 | +#sync-basalam-onboarding-status .basalam-sync-intro { | |
| 4311 | + display: flex; | |
| 4312 | + grid-column: 1; | |
| 4313 | + align-items: center; | |
| 4314 | + gap: 12px; | |
| 4315 | + width: 100%; | |
| 4316 | + min-width: 0; | |
| 4317 | + padding: 12px; | |
| 4318 | + border-radius: 8px; | |
| 4319 | + background: #f0f6fc; | |
| 4320 | + box-sizing: border-box; | |
| 4321 | +} | |
| 4322 | + | |
| 4323 | +#sync-basalam-onboarding-status .basalam-sync-intro .basalam-status-info { | |
| 4324 | + flex: 1 1 auto; | |
| 4325 | + width: auto; | |
| 4326 | + margin: 0; | |
| 4327 | + text-align: right; | |
| 4328 | +} | |
| 4329 | + | |
| 4330 | +#sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4331 | + display: grid; | |
| 4332 | + grid-column: 2; | |
| 4333 | + grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); | |
| 4334 | + align-items: stretch; | |
| 4335 | + direction: rtl; | |
| 4336 | + gap: 12px; | |
| 4337 | + width: 100%; | |
| 4338 | +} | |
| 4339 | + | |
| 4340 | +#sync-basalam-onboarding-status .basalam-sync-controls > form, | |
| 4341 | +#sync-basalam-onboarding-status .basalam-schedule-control { | |
| 4342 | + width: 100%; | |
| 4343 | + min-width: 0; | |
| 4344 | + margin: 0; | |
| 4345 | +} | |
| 4346 | + | |
| 4347 | +#sync-basalam-onboarding-status .basalam-sync-controls > form > button { | |
| 4348 | + width: 100%; | |
| 4349 | + min-height: 44px; | |
| 4350 | + height: 100%; | |
| 4351 | + margin: 0; | |
| 4352 | + box-sizing: border-box; | |
| 4353 | + text-align: center !important; | |
| 4354 | +} | |
| 4355 | + | |
| 4356 | +#sync-basalam-onboarding-status .basalam-schedule-control { | |
| 4357 | + position: relative; | |
| 4358 | +} | |
| 4359 | + | |
| 4360 | +#sync-basalam-onboarding-status .basalam-schedule-trigger { | |
| 4361 | + display: inline-flex; | |
| 4362 | + align-items: center; | |
| 4363 | + justify-content: center; | |
| 4364 | + gap: 4px; | |
| 4365 | + width: 100%; | |
| 4366 | + min-height: 44px; | |
| 4367 | + padding: 8px 7px; | |
| 4368 | + border: 1px solid #cbd5e1; | |
| 4369 | + border-radius: 8px; | |
| 4370 | + background: #fff; | |
| 4371 | + color: #334155; | |
| 4372 | + font-size: 12px; | |
| 4373 | + font-weight: 600; | |
| 4374 | + cursor: pointer; | |
| 4375 | + box-sizing: border-box; | |
| 4376 | + list-style: none; | |
| 4377 | + white-space: nowrap; | |
| 4378 | + margin: 0; | |
| 4379 | +} | |
| 4380 | + | |
| 4381 | +#sync-basalam-onboarding-status .basalam-schedule-trigger::-webkit-details-marker { | |
| 4382 | + display: none; | |
| 4383 | +} | |
| 4384 | + | |
| 4385 | +#sync-basalam-onboarding-status .basalam-schedule-trigger:hover, | |
| 4386 | +#sync-basalam-onboarding-status .basalam-schedule-trigger:focus-visible, | |
| 4387 | +#sync-basalam-onboarding-status .basalam-schedule-control[open] .basalam-schedule-trigger { | |
| 4388 | + border-color: var(--basalam-primary-color); | |
| 4389 | + color: var(--basalam-primary-color); | |
| 4390 | + background: #f8fbff; | |
| 4391 | +} | |
| 4392 | + | |
| 4393 | +#sync-basalam-onboarding-status .basalam-schedule-badge { | |
| 4394 | + padding: 3px 5px; | |
| 4395 | + border-radius: 999px; | |
| 4396 | + background: #dcfce7; | |
| 4397 | + color: #166534; | |
| 4398 | + font-size: 10px; | |
| 4399 | +} | |
| 4400 | + | |
| 4401 | +#sync-basalam-onboarding-status .basalam-schedule-badge-off { | |
| 4402 | + background: #f1f5f9; | |
| 4403 | + color: #64748b; | |
| 4404 | +} | |
| 4405 | + | |
| 4406 | +#sync-basalam-onboarding-status .basalam-schedule-panel { | |
| 4407 | + position: absolute; | |
| 4408 | + z-index: 100; | |
| 4409 | + top: calc(100% + 8px); | |
| 4410 | + left: 0; | |
| 4411 | + width: min(320px, calc(100vw - 64px)); | |
| 4412 | + padding: 18px; | |
| 4413 | + border: 1px solid #dbe3ec; | |
| 4414 | + border-radius: 12px; | |
| 4415 | + background: #fff; | |
| 4416 | + box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); | |
| 4417 | + box-sizing: border-box; | |
| 4418 | + text-align: right; | |
| 4419 | +} | |
| 4420 | + | |
| 4421 | +#sync-basalam-onboarding-status .basalam-schedule-panel, | |
| 4422 | +#sync-basalam-onboarding-status .basalam-schedule-panel * { | |
| 4423 | + font-family: "PelakFA", Tahoma, sans-serif; | |
| 4424 | +} | |
| 4425 | + | |
| 4426 | +#sync-basalam-onboarding-status .basalam-schedule-panel h3 { | |
| 4427 | + margin: 0 0 6px; | |
| 4428 | + font-size: 14px; | |
| 4429 | + font-weight: 700; | |
| 4430 | + color: #1e293b; | |
| 4431 | +} | |
| 4432 | + | |
| 4433 | +#sync-basalam-onboarding-status .basalam-schedule-panel > p { | |
| 4434 | + margin: 0 0 14px; | |
| 4435 | + color: #64748b; | |
| 4436 | + font-size: 12px; | |
| 4437 | + line-height: 1.8; | |
| 4438 | +} | |
| 4439 | + | |
| 4440 | +#sync-basalam-onboarding-status .basalam-schedule-option { | |
| 4441 | + display: flex; | |
| 4442 | + align-items: center; | |
| 4443 | + gap: 10px; | |
| 4444 | + padding: 10px 12px; | |
| 4445 | + margin-bottom: 8px; | |
| 4446 | + border: 1px solid #dbe3ec; | |
| 4447 | + border-radius: 8px; | |
| 4448 | + box-sizing: border-box; | |
| 4449 | + min-height: 58px; | |
| 4450 | + width: 100%; | |
| 4451 | + cursor: pointer; | |
| 4452 | +} | |
| 4453 | + | |
| 4454 | +#sync-basalam-onboarding-status .basalam-schedule-option:has(input:checked) { | |
| 4455 | + border-color: var(--basalam-primary-color); | |
| 4456 | + background: #f0f7ff; | |
| 4457 | +} | |
| 4458 | + | |
| 4459 | +#sync-basalam-onboarding-status .basalam-schedule-option input { | |
| 4460 | + margin: 0; | |
| 4461 | + accent-color: var(--basalam-primary-color); | |
| 4462 | +} | |
| 4463 | + | |
| 4464 | +#sync-basalam-onboarding-status .basalam-schedule-option span { | |
| 4465 | + display: flex; | |
| 4466 | + flex-direction: column; | |
| 4467 | + gap: 2px; | |
| 4468 | +} | |
| 4469 | + | |
| 4470 | +#sync-basalam-onboarding-status .basalam-schedule-option strong { | |
| 4471 | + font-size: 12px; | |
| 4472 | + color: #1e293b; | |
| 4473 | +} | |
| 4474 | + | |
| 4475 | +#sync-basalam-onboarding-status .basalam-schedule-option small { | |
| 4476 | + font-size: 11px; | |
| 4477 | + color: #64748b; | |
| 4478 | +} | |
| 4479 | + | |
| 4480 | +#sync-basalam-onboarding-status .basalam-schedule-save { | |
| 4481 | + width: 100%; | |
| 4482 | + min-height: 44px; | |
| 4483 | + margin-top: 4px; | |
| 4484 | + padding: 10px 12px; | |
| 4485 | + border: 0; | |
| 4486 | + border-radius: 8px; | |
| 4487 | + background: var(--basalam-primary-color); | |
| 4488 | + color: #fff; | |
| 4489 | + cursor: pointer; | |
| 4490 | + font-size: 12px; | |
| 4491 | +} | |
| 4492 | + | |
| 4493 | +#sync-basalam-onboarding-status .basalam-schedule-save:hover { | |
| 4494 | + background: var(--basalam-primary-hover); | |
| 4495 | +} | |
| 4496 | + | |
| 4497 | +#sync-basalam-onboarding-status .basalam-schedule-disable-form { | |
| 4498 | + margin: 9px 0 0; | |
| 4499 | + text-align: center; | |
| 4500 | +} | |
| 4501 | + | |
| 4502 | +#sync-basalam-onboarding-status .basalam-schedule-disable { | |
| 4503 | + width: 100%; | |
| 4504 | + min-height: 44px; | |
| 4505 | + padding: 8px 12px; | |
| 4506 | + border: 1px solid #fecaca; | |
| 4507 | + border-radius: 8px; | |
| 4508 | + background: #fff; | |
| 4509 | + color: #b42318; | |
| 4510 | + font-size: 12px; | |
| 4511 | + cursor: pointer; | |
| 4512 | + box-sizing: border-box; | |
| 4513 | +} | |
| 4514 | + | |
| 4515 | +#sync-basalam-onboarding-status .basalam-schedule-disable:hover { | |
| 4516 | + background: #fff5f5; | |
| 4517 | +} | |
| 4518 | + | |
| 4519 | +@media (min-width: 701px) and (max-width: 900px) { | |
| 4520 | + #sync-basalam-onboarding-status .basalam-sync-status { | |
| 4521 | + grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); | |
| 4522 | + } | |
| 4523 | +} | |
| 4524 | + | |
| 4525 | +@media (max-width: 700px) { | |
| 4526 | + #sync-basalam-onboarding-status .basalam-sync-status { | |
| 4527 | + grid-template-columns: minmax(0, 1fr); | |
| 4528 | + } | |
| 4529 | + | |
| 4530 | + #sync-basalam-onboarding-status .basalam-sync-intro, | |
| 4531 | + #sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4532 | + grid-column: 1; | |
| 4533 | + } | |
| 4534 | +} | |
| 4535 | + | |
| 4536 | +@media (max-width: 900px) { | |
| 4537 | + #sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4538 | + gap: 8px; | |
| 4539 | + } | |
| 4540 | + | |
| 4541 | + #sync-basalam-onboarding-status .basalam-sync-controls > form > button, | |
| 4542 | + #sync-basalam-onboarding-status .basalam-schedule-trigger { | |
| 4543 | + min-height: 48px; | |
| 4544 | + margin: 0 !important; | |
| 4545 | + } | |
| 4546 | + | |
| 4547 | + #sync-basalam-onboarding-status .basalam-sync-controls > form > button { | |
| 4548 | + gap: 4px; | |
| 4549 | + padding: 6px 4px; | |
| 4550 | + font-size: 10px !important; | |
| 4551 | + line-height: 1.4; | |
| 4552 | + } | |
| 4553 | + | |
| 4554 | + #sync-basalam-onboarding-status .basalam-sync-controls > form > button img { | |
| 4555 | + width: 16px; | |
| 4556 | + height: 16px; | |
| 4557 | + flex: 0 0 auto; | |
| 4558 | + } | |
| 4559 | + | |
| 4560 | + #sync-basalam-onboarding-status .basalam-schedule-trigger { | |
| 4561 | + flex-wrap: nowrap; | |
| 4562 | + gap: 4px; | |
| 4563 | + padding: 5px 4px; | |
| 4564 | + font-size: 10px !important; | |
| 4565 | + text-align: center; | |
| 4566 | + white-space: nowrap; | |
| 4567 | + } | |
| 4568 | + | |
| 4569 | + #sync-basalam-onboarding-status .basalam-schedule-trigger img { | |
| 4570 | + display: none; | |
| 4571 | + } | |
| 4572 | + | |
| 4573 | + #sync-basalam-onboarding-status .basalam-schedule-badge { | |
| 4574 | + padding: 2px 3px; | |
| 4575 | + font-size: 9px; | |
| 4576 | + white-space: nowrap; | |
| 4577 | + } | |
| 4578 | + | |
| 4579 | +} | |
| 4580 | + | |
| 4581 | +@media (max-width: 400px) { | |
| 4582 | + #sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4583 | + grid-template-columns: minmax(0, 3fr) minmax(116px, 2fr); | |
| 4584 | + } | |
| 4585 | + | |
| 4586 | + #sync-basalam-onboarding-status .basalam-sync-controls > form > button { | |
| 4587 | + font-size: 9px !important; | |
| 4588 | + } | |
| 4589 | +} | |
| 4590 | + | |
| 4150 | 4591 | .basalam-form-no-margin { |
| 4151 | 4592 | margin-bottom: 0px !important; |
| 4152 | 4593 | } |
| 4153 | 4594 | |
| @@ -7186,8 +7627,37 @@ | ||
| 7186 | 7627 | .sync-basalam-bulk-edit__field .basalam-label-container { |
| 7187 | 7628 | margin-bottom: 8px; |
| 7188 | 7629 | } |
| 7189 | 7630 | |
| 7631 | +.sync-basalam-bulk-price-change-value { | |
| 7632 | + display: none; | |
| 7633 | + margin-top: 10px !important; | |
| 7634 | +} | |
| 7635 | + | |
| 7636 | +.sync-basalam-bulk-price-change-value .basalam-input-container { | |
| 7637 | + justify-content: stretch; | |
| 7638 | + width: 100%; | |
| 7639 | +} | |
| 7640 | + | |
| 7641 | +.sync-basalam-bulk-price-change-value .percentage-input { | |
| 7642 | + flex: 1 1 0; | |
| 7643 | +} | |
| 7644 | + | |
| 7645 | +.sync-basalam-bulk-price-change-value .percentage-unit { | |
| 7646 | + min-width: 42px; | |
| 7647 | + text-align: center !important; | |
| 7648 | +} | |
| 7649 | + | |
| 7650 | +.sync-basalam-bulk-price-change-value .basalam-flex-end-gap-4 { | |
| 7651 | + justify-content: flex-end; | |
| 7652 | +} | |
| 7653 | + | |
| 7654 | +#sync-basalam-bulk-toggle-percentage { | |
| 7655 | + width: 5px !important; | |
| 7656 | + max-width: 5px !important; | |
| 7657 | + min-height: 5px !important; | |
| 7658 | +} | |
| 7659 | + | |
| 7190 | 7660 | .sync-basalam-bulk-edit__field .basalam-label { |
| 7191 | 7661 | display: flex !important; |
| 7192 | 7662 | width: 100%; |
| 7193 | 7663 | } |
| @@ -7248,31 +7718,8 @@ | ||
| 7248 | 7718 | min-width: 0; |
| 7249 | 7719 | margin-bottom: 0 !important; |
| 7250 | 7720 | } |
| 7251 | 7721 | |
| 7252 | -.sync-basalam-bulk-increase-value { | |
| 7253 | - display: none; | |
| 7254 | - margin-top: 10px !important; | |
| 7255 | -} | |
| 7256 | - | |
| 7257 | -.sync-basalam-bulk-increase-value .basalam-input-container { | |
| 7258 | - justify-content: stretch; | |
| 7259 | - width: 100%; | |
| 7260 | -} | |
| 7261 | - | |
| 7262 | -.sync-basalam-bulk-increase-value .percentage-input { | |
| 7263 | - flex: 1 1 0; | |
| 7264 | -} | |
| 7265 | - | |
| 7266 | -.sync-basalam-bulk-increase-value .percentage-unit { | |
| 7267 | - min-width: 42px; | |
| 7268 | - text-align: center !important; | |
| 7269 | -} | |
| 7270 | - | |
| 7271 | -.sync-basalam-bulk-increase-value .basalam-flex-end-gap-4 { | |
| 7272 | - justify-content: flex-end; | |
| 7273 | -} | |
| 7274 | - | |
| 7275 | 7722 | .sync-basalam-bulk-edit__panel .basalam-input, |
| 7276 | 7723 | .sync-basalam-bulk-edit__panel .basalam-select, |
| 7277 | 7724 | .sync-basalam-bulk-edit__panel .sync-basalam-bulk-select { |
| 7278 | 7725 | width: 100% !important; |
| @@ -7663,97 +8110,343 @@ | ||
| 7663 | 8110 | .sync-basalam-bulk-edit__field .basalam-label { |
| 7664 | 8111 | display: flex !important; |
| 7665 | 8112 | } |
| 7666 | 8113 | |
| 7667 | -#sync-basalam-bulk-toggle-percentage { | |
| 7668 | - width: 5px !important; | |
| 7669 | - max-width: 5px !important; | |
| 7670 | - min-height: 5px !important; | |
| 8114 | +/* Product data panel: custom price change field, aligned with WooCommerce form-field rows */ | |
| 8115 | +.basalam-price-change-field { | |
| 8116 | + font-family: pelakFa; | |
| 7671 | 8117 | } |
| 7672 | -._sync_basalam_increase_price_value_field{ | |
| 7673 | - font-family: pelakFa; | |
| 8118 | + | |
| 8119 | +.basalam-price-change-field > label { | |
| 8120 | + line-height: 32px; | |
| 7674 | 8121 | } |
| 7675 | 8122 | |
| 7676 | -.basalam-increase-price-field { | |
| 7677 | - display: grid; | |
| 7678 | - grid-template-columns: minmax(150px, max-content) minmax(220px, 1fr); | |
| 7679 | - align-items: start; | |
| 7680 | - column-gap: 16px; | |
| 7681 | - row-gap: 8px; | |
| 7682 | - width: 100%; | |
| 8123 | +.basalam-price-change-field .basalam-price-change-field__control { | |
| 8124 | + float: left; | |
| 8125 | + display: flex; | |
| 8126 | + flex-direction: column; | |
| 8127 | + gap: 6px; | |
| 8128 | + width: 50%; | |
| 7683 | 8129 | } |
| 7684 | 8130 | |
| 7685 | -.basalam-increase-price-field__label-section { | |
| 7686 | - grid-column: 1; | |
| 7687 | - justify-self: end; | |
| 8131 | +.rtl .basalam-price-change-field .basalam-price-change-field__control { | |
| 8132 | + float: right; | |
| 7688 | 8133 | } |
| 7689 | 8134 | |
| 7690 | -.basalam-increase-price-field__header { | |
| 8135 | +.basalam-price-change-field .basalam-price-change-field__input { | |
| 7691 | 8136 | display: flex; |
| 7692 | 8137 | align-items: center; |
| 7693 | - justify-content: flex-end; | |
| 8138 | + width: max-content; | |
| 7694 | 8139 | gap: 6px; |
| 7695 | - width: 100%; | |
| 8140 | + direction: rtl; | |
| 7696 | 8141 | } |
| 7697 | 8142 | |
| 7698 | -.basalam-increase-price-field__header label { | |
| 8143 | +.basalam-price-change-field .basalam-price-change-field__input .percentage-input { | |
| 8144 | + flex: 1 1 auto; | |
| 8145 | + width: auto !important; | |
| 8146 | + float: none !important; | |
| 7699 | 8147 | margin: 0 !important; |
| 7700 | - text-align: right; | |
| 8148 | + min-width: 0; | |
| 8149 | + height: 32px; | |
| 8150 | + text-align: center; | |
| 7701 | 8151 | } |
| 7702 | 8152 | |
| 7703 | -.basalam-increase-price-field__control-section { | |
| 7704 | - grid-column: 2; | |
| 8153 | +.basalam-price-change-field .percentage-unit { | |
| 8154 | + flex: 0 0 auto; | |
| 8155 | + min-width: 48px; | |
| 8156 | + text-align: center; | |
| 8157 | + color: #50575e; | |
| 8158 | +} | |
| 8159 | + | |
| 8160 | +.basalam-price-change-field .basalam-price-change-field__toggle { | |
| 7705 | 8161 | display: flex; |
| 7706 | - flex-direction: column; | |
| 7707 | - align-items: stretch; | |
| 7708 | - gap: 8px; | |
| 8162 | + align-items: center; | |
| 8163 | + justify-content: center; | |
| 8164 | + gap: 4px; | |
| 8165 | +} | |
| 8166 | + | |
| 8167 | +.basalam-price-change-field .basalam-price-change-field__toggle input[type="checkbox"] { | |
| 8168 | + margin: 0; | |
| 8169 | +} | |
| 8170 | + | |
| 8171 | +.basalam-price-change-field .basalam-price-change-field__toggle label { | |
| 8172 | + margin: 0 !important; | |
| 8173 | + padding: 0 !important; | |
| 8174 | + width: auto !important; | |
| 8175 | + float: none !important; | |
| 8176 | + line-height: 1.4; | |
| 8177 | +} | |
| 8178 | + | |
| 8179 | +@media screen and (max-width: 782px) { | |
| 8180 | + .basalam-price-change-field .basalam-price-change-field__control { | |
| 8181 | + float: none; | |
| 8182 | + width: 100%; | |
| 8183 | + } | |
| 8184 | +} | |
| 8185 | + | |
| 8186 | +/* Keep the advanced settings form inside its modal at narrow widths. */ | |
| 8187 | +#basalam-modal #sep-section { | |
| 8188 | + box-sizing: border-box; | |
| 8189 | + max-width: min(800px, calc(100vw - 24px)); | |
| 8190 | +} | |
| 8191 | + | |
| 8192 | +#basalam-modal #basalam-advanced-settings-form, | |
| 8193 | +#basalam-modal .basalam-tab-content { | |
| 7709 | 8194 | min-width: 0; |
| 8195 | + max-width: 100%; | |
| 7710 | 8196 | } |
| 7711 | 8197 | |
| 7712 | -.basalam-increase-price-field__input-row { | |
| 7713 | - justify-content: stretch; | |
| 7714 | - width: 100%; | |
| 7715 | - direction: rtl; | |
| 8198 | +#basalam-modal section#sep-section .basalam-form-row { | |
| 8199 | + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; | |
| 7716 | 8200 | } |
| 7717 | 8201 | |
| 7718 | -.basalam-increase-price-field__input-row .percentage-input { | |
| 8202 | +#basalam-modal #sep-section .basalam-form-group { | |
| 8203 | + width: 100% !important; | |
| 8204 | + min-width: 0; | |
| 8205 | + box-sizing: border-box; | |
| 8206 | +} | |
| 8207 | + | |
| 8208 | +#basalam-modal #sep-section .basalam-form-group .basalam-input, | |
| 8209 | +#basalam-modal #sep-section .basalam-form-group .basalam-select { | |
| 8210 | + width: 100% !important; | |
| 8211 | + max-width: 100% !important; | |
| 8212 | + min-width: 0; | |
| 8213 | + box-sizing: border-box; | |
| 8214 | +} | |
| 8215 | + | |
| 8216 | +#basalam-modal #sep-section .basalam-input-container { | |
| 8217 | + min-width: 0; | |
| 8218 | +} | |
| 8219 | + | |
| 8220 | +#basalam-modal #sep-section .basalam-input-container .percentage-input { | |
| 7719 | 8221 | flex: 1 1 0; |
| 8222 | +} | |
| 8223 | + | |
| 8224 | +#basalam-modal #sep-section .percentage-unit { | |
| 8225 | + flex: 0 0 auto; | |
| 8226 | + white-space: nowrap; | |
| 8227 | +} | |
| 8228 | + | |
| 8229 | +#basalam-modal #Basalam-map-option-form, | |
| 8230 | +#basalam-modal .options_mapping_section { | |
| 8231 | + max-width: 100%; | |
| 8232 | + box-sizing: border-box; | |
| 8233 | +} | |
| 8234 | + | |
| 8235 | +@media screen and (max-width: 900px) { | |
| 8236 | + #basalam-modal section#sep-section .basalam-form-row { | |
| 8237 | + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; | |
| 8238 | + } | |
| 8239 | +} | |
| 8240 | + | |
| 8241 | +@media screen and (max-width: 600px) { | |
| 8242 | + #basalam-modal #sep-section { | |
| 8243 | + width: calc(100% - 24px) !important; | |
| 8244 | + max-width: calc(100% - 24px) !important; | |
| 8245 | + margin: 12px auto !important; | |
| 8246 | + padding: 32px 12px 16px !important; | |
| 8247 | + } | |
| 8248 | + | |
| 8249 | + #basalam-modal #sep-section .basalam-form-group { | |
| 8250 | + padding: 6px !important; | |
| 8251 | + } | |
| 8252 | + | |
| 8253 | + #basalam-modal #sep-section .basalam-form-group .basalam-input, | |
| 8254 | + #basalam-modal #sep-section .basalam-form-group .basalam-select { | |
| 8255 | + height: 34px !important; | |
| 8256 | + padding: 5px 7px !important; | |
| 8257 | + font-size: 11px !important; | |
| 8258 | + } | |
| 8259 | + | |
| 8260 | + #basalam-modal #sep-section .basalam-form-group input[type="checkbox"] { | |
| 8261 | + width: auto !important; | |
| 8262 | + height: auto !important; | |
| 8263 | + padding: 0 !important; | |
| 8264 | + flex: 0 0 auto; | |
| 8265 | + } | |
| 8266 | + | |
| 8267 | + #basalam-modal #Basalam-map-option-form input, | |
| 8268 | + #basalam-modal #Basalam-map-option-form button { | |
| 8269 | + width: 100% !important; | |
| 8270 | + max-width: 100%; | |
| 8271 | + box-sizing: border-box; | |
| 8272 | + } | |
| 8273 | + | |
| 8274 | + #basalam-modal .options_mapping_section .basalam-table { | |
| 8275 | + min-width: 0; | |
| 8276 | + table-layout: fixed; | |
| 8277 | + } | |
| 8278 | + | |
| 8279 | + #basalam-modal .options_mapping_section .basalam-table th, | |
| 8280 | + #basalam-modal .options_mapping_section .basalam-table td { | |
| 8281 | + overflow-wrap: anywhere; | |
| 8282 | + padding: 5px !important; | |
| 8283 | + font-size: 10px !important; | |
| 8284 | + } | |
| 8285 | +} | |
| 8286 | + | |
| 8287 | +@media screen and (max-width: 400px) { | |
| 8288 | + #basalam-modal section#sep-section .basalam-form-row { | |
| 8289 | + grid-template-columns: minmax(0, 1fr) !important; | |
| 8290 | + } | |
| 8291 | +} | |
| 8292 | + | |
| 8293 | +#basalam-modal #Basalam-map-option-form { | |
| 8294 | + display: grid !important; | |
| 8295 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 8296 | + grid-template-areas: | |
| 8297 | + "woo-label basalam-label" | |
| 8298 | + "woo-input basalam-input" | |
| 8299 | + "save save"; | |
| 8300 | + gap: 8px 12px !important; | |
| 8301 | + align-items: start; | |
| 8302 | + width: 100% !important; | |
| 8303 | +} | |
| 8304 | + | |
| 8305 | +#basalam-modal #Basalam-map-option-form label[for="woo-option-name"] { | |
| 8306 | + grid-area: woo-label; | |
| 8307 | +} | |
| 8308 | + | |
| 8309 | +#basalam-modal #Basalam-map-option-form label[for="Basalam-option-name"] { | |
| 8310 | + grid-area: basalam-label; | |
| 8311 | +} | |
| 8312 | + | |
| 8313 | +#basalam-modal #Basalam-map-option-form #woo-option-name { | |
| 8314 | + grid-area: woo-input; | |
| 8315 | +} | |
| 8316 | + | |
| 8317 | +#basalam-modal #Basalam-map-option-form #Basalam-option-name { | |
| 8318 | + grid-area: basalam-input; | |
| 8319 | +} | |
| 8320 | + | |
| 8321 | +#basalam-modal #Basalam-map-option-form label, | |
| 8322 | +#basalam-modal #Basalam-map-option-form input { | |
| 8323 | + width: 100% !important; | |
| 7720 | 8324 | min-width: 0; |
| 8325 | + margin: 0 !important; | |
| 8326 | + box-sizing: border-box; | |
| 7721 | 8327 | } |
| 7722 | 8328 | |
| 7723 | -.basalam-increase-price-field__input-row .percentage-unit { | |
| 7724 | - min-width: 48px; | |
| 7725 | - text-align: center !important; | |
| 8329 | +#basalam-modal #Basalam-map-option-form #Basalam-map-option-submit { | |
| 8330 | + grid-area: save; | |
| 8331 | + width: 100% !important; | |
| 8332 | + max-width: 100%; | |
| 8333 | + margin: 8px 0 0 !important; | |
| 8334 | + box-sizing: border-box; | |
| 7726 | 8335 | } |
| 7727 | 8336 | |
| 7728 | -.basalam-increase-price-field__toggle-row { | |
| 7729 | - display: flex; | |
| 7730 | - align-items: center; | |
| 7731 | - gap: 4px; | |
| 7732 | - direction: ltr; | |
| 7733 | - width: fit-content; | |
| 7734 | - margin-top: 2px; | |
| 7735 | - align-self: center; | |
| 8337 | +@media screen and (max-width: 900px) { | |
| 8338 | + #sync-basalam-onboarding-status .basalam-status-header { | |
| 8339 | + display: grid; | |
| 8340 | + grid-template-columns: minmax(0, 1fr) auto; | |
| 8341 | + grid-template-areas: | |
| 8342 | + "badge title" | |
| 8343 | + "data data"; | |
| 8344 | + direction: ltr; | |
| 8345 | + align-items: center; | |
| 8346 | + text-align: right; | |
| 8347 | + } | |
| 8348 | + | |
| 8349 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam-h { | |
| 8350 | + width: auto; | |
| 8351 | + min-width: 0; | |
| 8352 | + margin: 0; | |
| 8353 | + text-align: right; | |
| 8354 | + } | |
| 8355 | + | |
| 8356 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam-badge { | |
| 8357 | + max-width: 100%; | |
| 8358 | + margin: 0 !important; | |
| 8359 | + white-space: normal; | |
| 8360 | + } | |
| 8361 | + | |
| 8362 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 8363 | + width: 100%; | |
| 8364 | + min-width: 0; | |
| 8365 | + } | |
| 7736 | 8366 | } |
| 7737 | 8367 | |
| 7738 | -.basalam-increase-price-field__toggle-row label { | |
| 7739 | - direction: rtl; | |
| 7740 | -} | |
| 8368 | +@media screen and (max-width: 600px) { | |
| 8369 | + #BasalamUpdateProductsModal .basalam-modal-content, | |
| 8370 | + #basalamAddProductsModal .basalam-modal-content { | |
| 8371 | + position: absolute; | |
| 8372 | + top: 50%; | |
| 8373 | + left: 50%; | |
| 8374 | + transform: translate(-50%, -50%); | |
| 8375 | + box-sizing: border-box; | |
| 8376 | + width: min(340px, calc(100vw - 24px)); | |
| 8377 | + max-width: calc(100vw - 24px); | |
| 8378 | + min-height: min(260px, calc(100dvh - 32px)); | |
| 8379 | + max-height: calc(100dvh - 32px); | |
| 8380 | + margin: 0; | |
| 8381 | + padding: 16px; | |
| 8382 | + } | |
| 7741 | 8383 | |
| 7742 | -@media screen and (max-width: 782px) { | |
| 7743 | - .basalam-increase-price-field { | |
| 7744 | - grid-template-columns: 1fr; | |
| 8384 | + #BasalamUpdateProductsModal .basalam-modal-close, | |
| 8385 | + #basalamAddProductsModal .basalam-modal-close { | |
| 8386 | + position: absolute; | |
| 8387 | + top: 10px; | |
| 8388 | + right: 10px; | |
| 8389 | + float: none; | |
| 8390 | + margin: 0; | |
| 7745 | 8391 | } |
| 7746 | 8392 | |
| 7747 | - .basalam-increase-price-field__label-section, | |
| 7748 | - .basalam-increase-price-field__control-section { | |
| 7749 | - grid-column: 1; | |
| 8393 | + #BasalamUpdateProductsModal .basalam-modal-content > h3, | |
| 8394 | + #basalamAddProductsModal .basalam-modal-content > h3 { | |
| 8395 | + padding: 0 20px; | |
| 8396 | + font-size: 16px !important; | |
| 8397 | + line-height: 1.4; | |
| 7750 | 8398 | } |
| 7751 | 8399 | |
| 7752 | - .basalam-increase-price-field__label-section { | |
| 7753 | - justify-self: stretch; | |
| 8400 | + #BasalamUpdateProductsModal #update-type-selection > p { | |
| 8401 | + padding-top: 10px; | |
| 8402 | + font-size: 11px !important; | |
| 7754 | 8403 | } |
| 7755 | 8404 | |
| 7756 | - .basalam-increase-price-field__header { | |
| 7757 | - justify-content: flex-start; | |
| 8405 | + #BasalamUpdateProductsModal .basalam-bg-light-warning-margin { | |
| 8406 | + padding: 10px; | |
| 8407 | + margin-top: 8px !important; | |
| 8408 | + } | |
| 8409 | + | |
| 8410 | + #BasalamUpdateProductsModal .basalam-display-flex-gap-20 { | |
| 8411 | + gap: 8px; | |
| 8412 | + } | |
| 8413 | + | |
| 8414 | + #BasalamUpdateProductsModal .basalam-flex-1 { | |
| 8415 | + min-width: 0; | |
| 8416 | + } | |
| 8417 | + | |
| 8418 | + #BasalamUpdateProductsModal .basalam-display-flex-gap-20 h4 { | |
| 8419 | + font-size: 12px !important; | |
| 8420 | + line-height: 1.5; | |
| 8421 | + } | |
| 8422 | + | |
| 8423 | + #BasalamUpdateProductsModal .basalam-margin-muted { | |
| 8424 | + font-size: 10px; | |
| 8425 | + line-height: 1.5; | |
| 8426 | + } | |
| 8427 | + | |
| 8428 | + #BasalamUpdateProductsModal .basalam-display-flex-gap-10-margin { | |
| 8429 | + gap: 8px; | |
| 8430 | + margin-top: 12px; | |
| 8431 | + } | |
| 8432 | + | |
| 8433 | + #BasalamUpdateProductsModal #quick-update-btn, | |
| 8434 | + #BasalamUpdateProductsModal #full-update-btn { | |
| 8435 | + box-sizing: border-box; | |
| 8436 | + min-width: 0; | |
| 8437 | + min-height: 38px; | |
| 8438 | + height: auto; | |
| 8439 | + padding: 8px 6px; | |
| 8440 | + } | |
| 8441 | + | |
| 8442 | + #BasalamUpdateProductsModal #quick-update-btn span, | |
| 8443 | + #BasalamUpdateProductsModal #full-update-btn span { | |
| 8444 | + font-size: 11px; | |
| 8445 | + line-height: 1.4; | |
| 8446 | + } | |
| 8447 | + | |
| 8448 | + #BasalamUpdateProductsModal .basalam-bg-warning-info-margin { | |
| 8449 | + padding: 12px; | |
| 8450 | + margin-top: 10px; | |
| 7758 | 8451 | } |
| 7759 | 8452 | } |
