| @@ -25,11 +25,16 @@ | ||
| 25 | 25 | flex-direction: column; |
| 26 | 26 | align-items: center; |
| 27 | 27 | } |
| 28 | 28 | |
| 29 | -.basalam-header { | |
| 29 | +.basalam-header, | |
| 30 | +.basalam-container > .basalam-setup-wizard { | |
| 30 | 31 | width: 90%; |
| 31 | 32 | max-width: 1080px; |
| 33 | + box-sizing: border-box; | |
| 34 | +} | |
| 35 | + | |
| 36 | +.basalam-header { | |
| 32 | 37 | margin: 0 auto 24px; |
| 33 | 38 | background: white; |
| 34 | 39 | border-radius: 12px; |
| 35 | 40 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); |
| @@ -171,8 +176,18 @@ | ||
| 171 | 176 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); |
| 172 | 177 | border: 1px solid var(--basalam-gray-200); |
| 173 | 178 | } |
| 174 | 179 | |
| 180 | +#sync-basalam-onboarding-status { | |
| 181 | + width: 90%; | |
| 182 | + box-sizing: border-box; | |
| 183 | +} | |
| 184 | + | |
| 185 | +#sync-basalam-onboarding-status .basalam-sync-status { | |
| 186 | + width: 100%; | |
| 187 | + box-sizing: border-box; | |
| 188 | +} | |
| 189 | + | |
| 175 | 190 | .basalam-status-header { |
| 176 | 191 | display: flex; |
| 177 | 192 | align-items: center; |
| 178 | 193 | justify-content: space-between; |
| @@ -197,8 +212,16 @@ | ||
| 197 | 212 | border-radius: 4px; |
| 198 | 213 | padding: 6px; |
| 199 | 214 | } |
| 200 | 215 | |
| 216 | +.basalam-badge-danger { | |
| 217 | + background: #f8d7da; | |
| 218 | + color: #842029; | |
| 219 | + font-size: 14px; | |
| 220 | + border-radius: 4px; | |
| 221 | + padding: 6px; | |
| 222 | +} | |
| 223 | + | |
| 201 | 224 | .basalam-action-cards { |
| 202 | 225 | display: grid; |
| 203 | 226 | grid-template-columns: repeat(3, 1fr); |
| 204 | 227 | gap: 24px; |
| @@ -230,8 +253,45 @@ | ||
| 230 | 253 | -ms-transition: all 0.3s ease; |
| 231 | 254 | -o-transition: all 0.3s ease; |
| 232 | 255 | } |
| 233 | 256 | |
| 257 | +.basalam-action-cards > .basalam-action-card, | |
| 258 | +.basalam-action-cards > form, | |
| 259 | +.basalam-action-cards > form > .basalam-action-card { | |
| 260 | + width: 100%; | |
| 261 | + min-width: 0; | |
| 262 | + box-sizing: border-box; | |
| 263 | +} | |
| 264 | + | |
| 265 | +#sync-basalam-onboarding-products .basalam-action-buttons-col, | |
| 266 | +#sync-basalam-onboarding-orders .basalam-action-buttons-col, | |
| 267 | +#sync-basalam-onboarding-orders .basalam-action-buttons-col > form { | |
| 268 | + width: 100%; | |
| 269 | + min-width: 0; | |
| 270 | + box-sizing: border-box; | |
| 271 | +} | |
| 272 | + | |
| 273 | +#sync-basalam-onboarding-products .basalam-action-buttons-col > button, | |
| 274 | +#sync-basalam-onboarding-orders .basalam-action-buttons-col > form > button, | |
| 275 | +#sync-basalam-onboarding-settings .basalam-center > button, | |
| 276 | +#sync-basalam-onboarding-settings .basalam-center-margin > button { | |
| 277 | + width: 100%; | |
| 278 | + min-height: 44px; | |
| 279 | + box-sizing: border-box; | |
| 280 | +} | |
| 281 | + | |
| 282 | +#sync-basalam-onboarding-products .basalam-flex-fill > .basalam-flex { | |
| 283 | + display: grid; | |
| 284 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 285 | + width: 100%; | |
| 286 | +} | |
| 287 | + | |
| 288 | +#sync-basalam-onboarding-products .basalam-flex-fill > .basalam-flex > a { | |
| 289 | + width: 100%; | |
| 290 | + min-width: 0; | |
| 291 | + box-sizing: border-box; | |
| 292 | +} | |
| 293 | + | |
| 234 | 294 | .basalam-action-card:hover { |
| 235 | 295 | transform: translateY(-2px); |
| 236 | 296 | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); |
| 237 | 297 | } |
| @@ -1520,11 +1580,11 @@ | ||
| 1520 | 1580 | } |
| 1521 | 1581 | |
| 1522 | 1582 | @media screen and (max-width: 768px) { |
| 1523 | 1583 | .basalam-header { |
| 1524 | - margin: 0 15px; | |
| 1584 | + margin: 0 auto 24px; | |
| 1525 | 1585 | padding: 20px; |
| 1526 | - width: 86%; | |
| 1586 | + width: 90%; | |
| 1527 | 1587 | box-sizing: border-box; |
| 1528 | 1588 | } |
| 1529 | 1589 | |
| 1530 | 1590 | .basalam-header-data { |
| @@ -1614,9 +1674,9 @@ | ||
| 1614 | 1674 | padding: 10px; |
| 1615 | 1675 | } |
| 1616 | 1676 | |
| 1617 | 1677 | .basalam-header { |
| 1618 | - margin: 0 10px; | |
| 1678 | + margin: 0 auto 24px; | |
| 1619 | 1679 | padding: 16px; |
| 1620 | 1680 | } |
| 1621 | 1681 | |
| 1622 | 1682 | .basalam-header-data img { |
| @@ -2173,8 +2233,56 @@ | ||
| 2173 | 2233 | justify-content: center; |
| 2174 | 2234 | flex: 1; |
| 2175 | 2235 | } |
| 2176 | 2236 | |
| 2237 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam-h { | |
| 2238 | + grid-area: title; | |
| 2239 | + direction: rtl; | |
| 2240 | + justify-self: end; | |
| 2241 | +} | |
| 2242 | + | |
| 2243 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2244 | + grid-area: data; | |
| 2245 | + direction: rtl; | |
| 2246 | + justify-self: center; | |
| 2247 | +} | |
| 2248 | + | |
| 2249 | +#sync-basalam-onboarding-status .basalam-status-header > .basalam-badge { | |
| 2250 | + grid-area: badge; | |
| 2251 | + direction: rtl; | |
| 2252 | + justify-self: start; | |
| 2253 | + white-space: nowrap; | |
| 2254 | +} | |
| 2255 | + | |
| 2256 | +@media screen and (min-width: 1201px) { | |
| 2257 | + #sync-basalam-onboarding-status .basalam-status-header { | |
| 2258 | + display: grid; | |
| 2259 | + grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr) minmax(220px, 1fr); | |
| 2260 | + grid-template-areas: "badge data title"; | |
| 2261 | + direction: ltr; | |
| 2262 | + } | |
| 2263 | + | |
| 2264 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2265 | + width: 100%; | |
| 2266 | + flex-wrap: nowrap; | |
| 2267 | + } | |
| 2268 | +} | |
| 2269 | + | |
| 2270 | +@media screen and (min-width: 901px) and (max-width: 1200px) { | |
| 2271 | + #sync-basalam-onboarding-status .basalam-status-header { | |
| 2272 | + display: grid; | |
| 2273 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 2274 | + grid-template-areas: | |
| 2275 | + "badge title" | |
| 2276 | + "data data"; | |
| 2277 | + direction: ltr; | |
| 2278 | + } | |
| 2279 | + | |
| 2280 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 2281 | + width: 100%; | |
| 2282 | + } | |
| 2283 | +} | |
| 2284 | + | |
| 2177 | 2285 | .basalam_settings_options { |
| 2178 | 2286 | font-family: "PelakFA" !important; |
| 2179 | 2287 | font-weight: bold; |
| 2180 | 2288 | } |
| @@ -2327,9 +2435,10 @@ | ||
| 2327 | 2435 | height: 32px !important; |
| 2328 | 2436 | } |
| 2329 | 2437 | |
| 2330 | 2438 | .basalam-dashboard { |
| 2331 | - padding: 10px; | |
| 2439 | + padding: 0; | |
| 2440 | + box-sizing: border-box; | |
| 2332 | 2441 | margin: 0 auto; |
| 2333 | 2442 | } |
| 2334 | 2443 | |
| 2335 | 2444 | .basalam-status-header { |
| @@ -2489,9 +2598,10 @@ | ||
| 2489 | 2598 | max-width: 900px; |
| 2490 | 2599 | } |
| 2491 | 2600 | |
| 2492 | 2601 | .basalam-status-card, |
| 2493 | - .basalam-header { | |
| 2602 | + .basalam-header, | |
| 2603 | + .basalam-container > .basalam-setup-wizard { | |
| 2494 | 2604 | max-width: 810px !important; |
| 2495 | 2605 | } |
| 2496 | 2606 | |
| 2497 | 2607 | .basalam-action-cards { |
| @@ -3928,8 +4038,12 @@ | ||
| 3928 | 4038 | .basalam-hidden { |
| 3929 | 4039 | display: none; |
| 3930 | 4040 | } |
| 3931 | 4041 | |
| 4042 | +#BasalamUpdateProductsModal [hidden] { | |
| 4043 | + display: none !important; | |
| 4044 | +} | |
| 4045 | + | |
| 3932 | 4046 | .basalam-block { |
| 3933 | 4047 | display: block; |
| 3934 | 4048 | } |
| 3935 | 4049 | |
| @@ -4187,12 +4301,532 @@ | ||
| 4187 | 4301 | .basalam-form-margin-0 { |
| 4188 | 4302 | margin: 0; |
| 4189 | 4303 | } |
| 4190 | 4304 | |
| 4305 | +/* Automatic product operations and scheduled full product updates. */ | |
| 4306 | +#sync-basalam-onboarding-status .basalam-sync-status { | |
| 4307 | + display: grid; | |
| 4308 | + grid-template-columns: minmax(0, 1fr) minmax(0, 400px); | |
| 4309 | + align-items: center; | |
| 4310 | + direction: rtl; | |
| 4311 | + gap: 12px; | |
| 4312 | + padding: 0; | |
| 4313 | + background: transparent; | |
| 4314 | +} | |
| 4315 | + | |
| 4316 | +#sync-basalam-onboarding-status .basalam-sync-intro { | |
| 4317 | + display: flex; | |
| 4318 | + grid-column: 1; | |
| 4319 | + align-items: center; | |
| 4320 | + gap: 12px; | |
| 4321 | + width: 100%; | |
| 4322 | + min-width: 0; | |
| 4323 | + padding: 12px; | |
| 4324 | + border-radius: 8px; | |
| 4325 | + background: #f0f6fc; | |
| 4326 | + box-sizing: border-box; | |
| 4327 | +} | |
| 4328 | + | |
| 4329 | +#sync-basalam-onboarding-status .basalam-sync-intro .basalam-status-info { | |
| 4330 | + flex: 1 1 auto; | |
| 4331 | + width: auto; | |
| 4332 | + margin: 0; | |
| 4333 | + text-align: right; | |
| 4334 | +} | |
| 4335 | + | |
| 4336 | +#sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4337 | + display: grid; | |
| 4338 | + grid-column: 2; | |
| 4339 | + grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); | |
| 4340 | + align-items: start; | |
| 4341 | + direction: rtl; | |
| 4342 | + gap: 12px; | |
| 4343 | + width: 100%; | |
| 4344 | +} | |
| 4345 | + | |
| 4346 | +#sync-basalam-onboarding-status .basalam-sync-controls > form, | |
| 4347 | +#sync-basalam-onboarding-status .basalam-schedule-control { | |
| 4348 | + width: 100%; | |
| 4349 | + min-width: 0; | |
| 4350 | + margin: 0; | |
| 4351 | +} | |
| 4352 | + | |
| 4353 | +#sync-basalam-onboarding-status .basalam-sync-controls > form > button { | |
| 4354 | + width: 100%; | |
| 4355 | + min-height: 44px; | |
| 4356 | + height: 100%; | |
| 4357 | + margin: 0; | |
| 4358 | + box-sizing: border-box; | |
| 4359 | + text-align: center !important; | |
| 4360 | +} | |
| 4361 | + | |
| 4362 | +#sync-basalam-onboarding-status .basalam-schedule-control { | |
| 4363 | + position: relative; | |
| 4364 | +} | |
| 4365 | + | |
| 4366 | +#sync-basalam-onboarding-status .basalam-schedule-trigger { | |
| 4367 | + display: inline-flex; | |
| 4368 | + align-items: center; | |
| 4369 | + justify-content: center; | |
| 4370 | + gap: 4px; | |
| 4371 | + width: 100%; | |
| 4372 | + min-height: 44px; | |
| 4373 | + padding: 8px 7px; | |
| 4374 | + border: 1px solid #cbd5e1; | |
| 4375 | + border-radius: 8px; | |
| 4376 | + background: #fff; | |
| 4377 | + color: #334155; | |
| 4378 | + font-size: 12px; | |
| 4379 | + font-weight: 600; | |
| 4380 | + cursor: pointer; | |
| 4381 | + box-sizing: border-box; | |
| 4382 | + list-style: none; | |
| 4383 | + white-space: nowrap; | |
| 4384 | + margin: 0; | |
| 4385 | +} | |
| 4386 | + | |
| 4387 | +#sync-basalam-onboarding-status .basalam-schedule-trigger::-webkit-details-marker { | |
| 4388 | + display: none; | |
| 4389 | +} | |
| 4390 | + | |
| 4391 | +#sync-basalam-onboarding-status .basalam-schedule-trigger:hover, | |
| 4392 | +#sync-basalam-onboarding-status .basalam-schedule-trigger:focus-visible, | |
| 4393 | +#sync-basalam-onboarding-status .basalam-schedule-control[open] .basalam-schedule-trigger { | |
| 4394 | + border-color: var(--basalam-primary-color); | |
| 4395 | + color: var(--basalam-primary-color); | |
| 4396 | + background: #f8fbff; | |
| 4397 | +} | |
| 4398 | + | |
| 4399 | +#sync-basalam-onboarding-status .basalam-schedule-badge { | |
| 4400 | + padding: 3px 5px; | |
| 4401 | + border-radius: 999px; | |
| 4402 | + background: #dcfce7; | |
| 4403 | + color: #166534; | |
| 4404 | + font-size: 10px; | |
| 4405 | +} | |
| 4406 | + | |
| 4407 | +#sync-basalam-onboarding-status .basalam-schedule-badge-off { | |
| 4408 | + background: #f1f5f9; | |
| 4409 | + color: #64748b; | |
| 4410 | +} | |
| 4411 | + | |
| 4412 | +#sync-basalam-onboarding-status .basalam-schedule-panel { | |
| 4413 | + position: absolute; | |
| 4414 | + z-index: 100; | |
| 4415 | + top: calc(100% + 8px); | |
| 4416 | + left: 0; | |
| 4417 | + width: min(320px, calc(100vw - 64px)); | |
| 4418 | + padding: 18px; | |
| 4419 | + border: 1px solid #dbe3ec; | |
| 4420 | + border-radius: 12px; | |
| 4421 | + background: #fff; | |
| 4422 | + box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); | |
| 4423 | + box-sizing: border-box; | |
| 4424 | + text-align: right; | |
| 4425 | +} | |
| 4426 | + | |
| 4427 | +#sync-basalam-onboarding-status .basalam-schedule-panel, | |
| 4428 | +#sync-basalam-onboarding-status .basalam-schedule-panel * { | |
| 4429 | + font-family: "PelakFA", Tahoma, sans-serif; | |
| 4430 | +} | |
| 4431 | + | |
| 4432 | +#sync-basalam-onboarding-status .basalam-schedule-panel h3 { | |
| 4433 | + margin: 0 0 6px; | |
| 4434 | + font-size: 14px; | |
| 4435 | + font-weight: 700; | |
| 4436 | + color: #1e293b; | |
| 4437 | +} | |
| 4438 | + | |
| 4439 | +#sync-basalam-onboarding-status .basalam-schedule-panel > p { | |
| 4440 | + margin: 0 0 14px; | |
| 4441 | + color: #64748b; | |
| 4442 | + font-size: 12px; | |
| 4443 | + line-height: 1.8; | |
| 4444 | +} | |
| 4445 | + | |
| 4446 | +#sync-basalam-onboarding-status .basalam-schedule-option { | |
| 4447 | + display: flex; | |
| 4448 | + align-items: center; | |
| 4449 | + gap: 10px; | |
| 4450 | + padding: 10px 12px; | |
| 4451 | + margin-bottom: 8px; | |
| 4452 | + border: 1px solid #dbe3ec; | |
| 4453 | + border-radius: 8px; | |
| 4454 | + box-sizing: border-box; | |
| 4455 | + min-height: 58px; | |
| 4456 | + width: 100%; | |
| 4457 | + cursor: pointer; | |
| 4458 | +} | |
| 4459 | + | |
| 4460 | +#sync-basalam-onboarding-status .basalam-schedule-option:has(input:checked) { | |
| 4461 | + border-color: var(--basalam-primary-color); | |
| 4462 | + background: #f0f7ff; | |
| 4463 | +} | |
| 4464 | + | |
| 4465 | +#sync-basalam-onboarding-status .basalam-schedule-option input { | |
| 4466 | + margin: 0; | |
| 4467 | + accent-color: var(--basalam-primary-color); | |
| 4468 | +} | |
| 4469 | + | |
| 4470 | +#sync-basalam-onboarding-status .basalam-schedule-option span { | |
| 4471 | + display: flex; | |
| 4472 | + flex-direction: column; | |
| 4473 | + gap: 2px; | |
| 4474 | +} | |
| 4475 | + | |
| 4476 | +#sync-basalam-onboarding-status .basalam-schedule-option strong { | |
| 4477 | + font-size: 12px; | |
| 4478 | + color: #1e293b; | |
| 4479 | +} | |
| 4480 | + | |
| 4481 | +#sync-basalam-onboarding-status .basalam-schedule-option small { | |
| 4482 | + font-size: 11px; | |
| 4483 | + color: #64748b; | |
| 4484 | +} | |
| 4485 | + | |
| 4486 | +#sync-basalam-onboarding-status .basalam-schedule-save { | |
| 4487 | + width: 100%; | |
| 4488 | + min-height: 44px; | |
| 4489 | + margin-top: 4px; | |
| 4490 | + padding: 10px 12px; | |
| 4491 | + border: 0; | |
| 4492 | + border-radius: 8px; | |
| 4493 | + background: var(--basalam-primary-color); | |
| 4494 | + color: #fff; | |
| 4495 | + cursor: pointer; | |
| 4496 | + font-size: 12px; | |
| 4497 | +} | |
| 4498 | + | |
| 4499 | +#sync-basalam-onboarding-status .basalam-schedule-save:hover { | |
| 4500 | + background: var(--basalam-primary-hover); | |
| 4501 | +} | |
| 4502 | + | |
| 4503 | +#sync-basalam-onboarding-status .basalam-schedule-disable-form { | |
| 4504 | + margin: 9px 0 0; | |
| 4505 | + text-align: center; | |
| 4506 | +} | |
| 4507 | + | |
| 4508 | +#sync-basalam-onboarding-status .basalam-schedule-disable { | |
| 4509 | + width: 100%; | |
| 4510 | + min-height: 44px; | |
| 4511 | + padding: 8px 12px; | |
| 4512 | + border: 1px solid #fecaca; | |
| 4513 | + border-radius: 8px; | |
| 4514 | + background: #fff; | |
| 4515 | + color: #b42318; | |
| 4516 | + font-size: 12px; | |
| 4517 | + cursor: pointer; | |
| 4518 | + box-sizing: border-box; | |
| 4519 | +} | |
| 4520 | + | |
| 4521 | +#sync-basalam-onboarding-status .basalam-schedule-disable:hover { | |
| 4522 | + background: #fff5f5; | |
| 4523 | +} | |
| 4524 | + | |
| 4525 | +@media (min-width: 701px) and (max-width: 900px) { | |
| 4526 | + #sync-basalam-onboarding-status .basalam-sync-status { | |
| 4527 | + grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); | |
| 4528 | + } | |
| 4529 | +} | |
| 4530 | + | |
| 4531 | +@media (max-width: 700px) { | |
| 4532 | + #sync-basalam-onboarding-status .basalam-sync-status { | |
| 4533 | + grid-template-columns: minmax(0, 1fr); | |
| 4534 | + } | |
| 4535 | + | |
| 4536 | + #sync-basalam-onboarding-status .basalam-sync-intro, | |
| 4537 | + #sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4538 | + grid-column: 1; | |
| 4539 | + } | |
| 4540 | + | |
| 4541 | + #sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4542 | + grid-template-columns: minmax(0, 1fr); | |
| 4543 | + } | |
| 4544 | +} | |
| 4545 | + | |
| 4546 | +@media (max-width: 900px) { | |
| 4547 | + #sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4548 | + gap: 8px; | |
| 4549 | + } | |
| 4550 | + | |
| 4551 | + #sync-basalam-onboarding-status .basalam-sync-controls > form > button, | |
| 4552 | + #sync-basalam-onboarding-status .basalam-schedule-trigger { | |
| 4553 | + min-height: 48px; | |
| 4554 | + margin: 0 !important; | |
| 4555 | + } | |
| 4556 | + | |
| 4557 | + #sync-basalam-onboarding-status .basalam-sync-controls > form > button { | |
| 4558 | + gap: 4px; | |
| 4559 | + padding: 6px 4px; | |
| 4560 | + font-size: 10px !important; | |
| 4561 | + line-height: 1.4; | |
| 4562 | + } | |
| 4563 | + | |
| 4564 | + #sync-basalam-onboarding-status .basalam-sync-controls > form > button img { | |
| 4565 | + width: 16px; | |
| 4566 | + height: 16px; | |
| 4567 | + flex: 0 0 auto; | |
| 4568 | + } | |
| 4569 | + | |
| 4570 | + #sync-basalam-onboarding-status .basalam-schedule-trigger { | |
| 4571 | + flex-wrap: nowrap; | |
| 4572 | + gap: 4px; | |
| 4573 | + padding: 5px 4px; | |
| 4574 | + font-size: 10px !important; | |
| 4575 | + text-align: center; | |
| 4576 | + white-space: nowrap; | |
| 4577 | + } | |
| 4578 | + | |
| 4579 | + #sync-basalam-onboarding-status .basalam-schedule-trigger img { | |
| 4580 | + display: none; | |
| 4581 | + } | |
| 4582 | + | |
| 4583 | + #sync-basalam-onboarding-status .basalam-schedule-badge { | |
| 4584 | + padding: 2px 3px; | |
| 4585 | + font-size: 9px; | |
| 4586 | + white-space: nowrap; | |
| 4587 | + } | |
| 4588 | + | |
| 4589 | +} | |
| 4590 | + | |
| 4591 | +@media (max-width: 400px) { | |
| 4592 | + #sync-basalam-onboarding-status .basalam-sync-controls { | |
| 4593 | + grid-template-columns: minmax(0, 1fr); | |
| 4594 | + } | |
| 4595 | + | |
| 4596 | + #sync-basalam-onboarding-status .basalam-sync-controls > form > button { | |
| 4597 | + font-size: 9px !important; | |
| 4598 | + } | |
| 4599 | +} | |
| 4600 | + | |
| 4191 | 4601 | .basalam-form-no-margin { |
| 4192 | 4602 | margin-bottom: 0px !important; |
| 4193 | 4603 | } |
| 4194 | 4604 | |
| 4605 | +#sync-basalam-onboarding-status .basalam-product-sync-form fieldset { | |
| 4606 | + min-width: 0; | |
| 4607 | + margin: 0 0 10px; | |
| 4608 | + padding: 0; | |
| 4609 | + border: 0; | |
| 4610 | +} | |
| 4611 | + | |
| 4612 | +#sync-basalam-onboarding-status .basalam-product-sync-wrapper { | |
| 4613 | + position: relative; | |
| 4614 | + width: 100%; | |
| 4615 | +} | |
| 4616 | + | |
| 4617 | +#sync-basalam-onboarding-status .basalam-product-sync-button-group { | |
| 4618 | + display: flex; | |
| 4619 | + width: 100%; | |
| 4620 | + min-height: 44px; | |
| 4621 | + overflow: hidden; | |
| 4622 | + border-radius: 8px; | |
| 4623 | + background: var(--basalam-primary-color); | |
| 4624 | +} | |
| 4625 | + | |
| 4626 | +#sync-basalam-onboarding-status .basalam-product-sync-button-group.basalam-product-sync-is-active { | |
| 4627 | + background: #fff5f5; | |
| 4628 | + border: 1px solid var(--basalam-danger-color); | |
| 4629 | +} | |
| 4630 | + | |
| 4631 | +#sync-basalam-onboarding-status .basalam-product-sync-button-group > button { | |
| 4632 | + min-height: 44px; | |
| 4633 | + height: 100%; | |
| 4634 | + margin: 0; | |
| 4635 | + border: 0; | |
| 4636 | + border-radius: 0; | |
| 4637 | + box-sizing: border-box; | |
| 4638 | + transform: none; | |
| 4639 | +} | |
| 4640 | + | |
| 4641 | +#sync-basalam-onboarding-status .basalam-product-sync-submit { | |
| 4642 | + position: relative; | |
| 4643 | + display: inline-flex; | |
| 4644 | + flex: 1 1 auto; | |
| 4645 | + width: auto; | |
| 4646 | + padding: 10px 16px; | |
| 4647 | + gap: 4px; | |
| 4648 | + line-height: 1.4; | |
| 4649 | + white-space: nowrap; | |
| 4650 | + background: var(--basalam-primary-color); | |
| 4651 | + color: #fff; | |
| 4652 | +} | |
| 4653 | + | |
| 4654 | +#sync-basalam-onboarding-status .basalam-product-sync-submit > span:not(.basalam-btn-separator) { | |
| 4655 | + white-space: nowrap; | |
| 4656 | +} | |
| 4657 | + | |
| 4658 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-submit, | |
| 4659 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-arrow-btn { | |
| 4660 | + background: #fff5f5; | |
| 4661 | + color: var(--basalam-danger-color); | |
| 4662 | +} | |
| 4663 | + | |
| 4664 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-submit img { | |
| 4665 | + filter: brightness(0) saturate(100%) invert(31%) sepia(79%) saturate(1902%) hue-rotate(326deg) brightness(91%) contrast(91%); | |
| 4666 | +} | |
| 4667 | + | |
| 4668 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-submit:hover, | |
| 4669 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-submit:focus, | |
| 4670 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-arrow-btn:hover, | |
| 4671 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-arrow-btn:focus, | |
| 4672 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-arrow-btn[aria-expanded="true"] { | |
| 4673 | + background: var(--basalam-danger-color); | |
| 4674 | + color: #fff; | |
| 4675 | +} | |
| 4676 | + | |
| 4677 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-submit:hover img, | |
| 4678 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-submit:focus img { | |
| 4679 | + filter: brightness(0) invert(1); | |
| 4680 | +} | |
| 4681 | + | |
| 4682 | +#sync-basalam-onboarding-status .basalam-product-sync-submit:hover, | |
| 4683 | +#sync-basalam-onboarding-status .basalam-product-sync-submit:focus { | |
| 4684 | + background: var(--basalam-primary-hover); | |
| 4685 | + color: #fff; | |
| 4686 | +} | |
| 4687 | + | |
| 4688 | +#sync-basalam-onboarding-status .basalam-product-sync-arrow-btn { | |
| 4689 | + display: inline-flex; | |
| 4690 | + flex: 0 0 46px; | |
| 4691 | + width: 46px; | |
| 4692 | + padding: 0 !important; | |
| 4693 | + background: var(--basalam-primary-color); | |
| 4694 | + color: #fff; | |
| 4695 | +} | |
| 4696 | + | |
| 4697 | +#sync-basalam-onboarding-status .basalam-product-sync-arrow-btn:hover, | |
| 4698 | +#sync-basalam-onboarding-status .basalam-product-sync-arrow-btn:focus, | |
| 4699 | +#sync-basalam-onboarding-status .basalam-product-sync-arrow-btn[aria-expanded="true"] { | |
| 4700 | + background: var(--basalam-primary-hover); | |
| 4701 | + color: #fff; | |
| 4702 | +} | |
| 4703 | + | |
| 4704 | +#sync-basalam-onboarding-status .basalam-product-sync-button-group .basalam-btn-separator { | |
| 4705 | + left: 0; | |
| 4706 | + height: 60%; | |
| 4707 | + background: rgba(255, 255, 255, 0.35); | |
| 4708 | +} | |
| 4709 | + | |
| 4710 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-btn-separator { | |
| 4711 | + background: rgba(220, 53, 69, 0.35); | |
| 4712 | +} | |
| 4713 | + | |
| 4714 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-submit:hover .basalam-btn-separator, | |
| 4715 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-submit:focus .basalam-btn-separator { | |
| 4716 | + background: rgba(255, 255, 255, 0.35); | |
| 4717 | +} | |
| 4718 | + | |
| 4719 | +#sync-basalam-onboarding-status .basalam-product-sync-arrow-btn .basalam-dropdown-arrow-img { | |
| 4720 | + width: 20px; | |
| 4721 | + height: 20px; | |
| 4722 | + transform: rotate(90deg); | |
| 4723 | + filter: brightness(0) invert(1); | |
| 4724 | +} | |
| 4725 | + | |
| 4726 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-arrow-btn .basalam-dropdown-arrow-img { | |
| 4727 | + filter: brightness(0) saturate(100%) invert(31%) sepia(79%) saturate(1902%) hue-rotate(326deg) brightness(91%) contrast(91%); | |
| 4728 | +} | |
| 4729 | + | |
| 4730 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-arrow-btn:hover .basalam-dropdown-arrow-img, | |
| 4731 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-arrow-btn:focus .basalam-dropdown-arrow-img, | |
| 4732 | +#sync-basalam-onboarding-status .basalam-product-sync-is-active .basalam-product-sync-arrow-btn[aria-expanded="true"] .basalam-dropdown-arrow-img { | |
| 4733 | + filter: brightness(0) invert(1); | |
| 4734 | +} | |
| 4735 | + | |
| 4736 | +#sync-basalam-onboarding-status .basalam-product-sync-dropdown { | |
| 4737 | + position: absolute; | |
| 4738 | + z-index: 120; | |
| 4739 | + top: calc(100% + 8px); | |
| 4740 | + right: 0; | |
| 4741 | + width: min(360px, 100%); | |
| 4742 | + padding: 18px; | |
| 4743 | + border: 1px solid #dbe3ec; | |
| 4744 | + border-radius: 12px; | |
| 4745 | + background: #fff; | |
| 4746 | + box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16); | |
| 4747 | + box-sizing: border-box; | |
| 4748 | + text-align: right; | |
| 4749 | +} | |
| 4750 | + | |
| 4751 | +#sync-basalam-onboarding-status .basalam-product-sync-dropdown fieldset { | |
| 4752 | + margin: 0; | |
| 4753 | +} | |
| 4754 | + | |
| 4755 | +#sync-basalam-onboarding-status .basalam-product-sync-dropdown, | |
| 4756 | +#sync-basalam-onboarding-status .basalam-product-sync-dropdown * { | |
| 4757 | + font-family: "PelakFA", Tahoma, sans-serif; | |
| 4758 | +} | |
| 4759 | + | |
| 4760 | +#sync-basalam-onboarding-status .basalam-product-sync-form legend { | |
| 4761 | + width: 100%; | |
| 4762 | + margin-bottom: 10px; | |
| 4763 | + font-size: 12px; | |
| 4764 | + font-weight: 600; | |
| 4765 | + text-align: right; | |
| 4766 | +} | |
| 4767 | + | |
| 4768 | +#sync-basalam-onboarding-status .basalam-product-sync-option { | |
| 4769 | + display: flex; | |
| 4770 | + align-items: flex-start; | |
| 4771 | + gap: 8px; | |
| 4772 | + margin-bottom: 8px; | |
| 4773 | + padding: 7px 9px; | |
| 4774 | + border: 1px solid #dbe3ec; | |
| 4775 | + border-radius: 8px; | |
| 4776 | + cursor: pointer; | |
| 4777 | +} | |
| 4778 | + | |
| 4779 | +#sync-basalam-onboarding-status .basalam-product-sync-option:has(input:checked) { | |
| 4780 | + border-color: var(--basalam-primary-color); | |
| 4781 | + background: #f0f7ff; | |
| 4782 | +} | |
| 4783 | + | |
| 4784 | +#sync-basalam-onboarding-status .basalam-product-sync-option input { | |
| 4785 | + flex: 0 0 auto; | |
| 4786 | + margin: 3px 0 0; | |
| 4787 | +} | |
| 4788 | + | |
| 4789 | +#sync-basalam-onboarding-status .basalam-product-sync-option span { | |
| 4790 | + display: flex; | |
| 4791 | + flex-direction: column; | |
| 4792 | + gap: 4px; | |
| 4793 | + text-align: right; | |
| 4794 | +} | |
| 4795 | + | |
| 4796 | +#sync-basalam-onboarding-status .basalam-product-sync-option strong { | |
| 4797 | + font-size: 11px; | |
| 4798 | + color: #1e293b; | |
| 4799 | +} | |
| 4800 | + | |
| 4801 | +#sync-basalam-onboarding-status .basalam-product-sync-option small { | |
| 4802 | + font-size: 10px; | |
| 4803 | + line-height: 1.6; | |
| 4804 | + color: #64748b; | |
| 4805 | +} | |
| 4806 | + | |
| 4807 | +#sync-basalam-onboarding-status .basalam-product-sync-save { | |
| 4808 | + display: inline-flex; | |
| 4809 | + align-items: center; | |
| 4810 | + justify-content: center; | |
| 4811 | + width: 100%; | |
| 4812 | + min-height: 36px; | |
| 4813 | + margin-top: 3px; | |
| 4814 | + padding: 7px 12px; | |
| 4815 | + border: 0; | |
| 4816 | + border-radius: 7px; | |
| 4817 | + background: var(--basalam-primary-color); | |
| 4818 | + color: #fff; | |
| 4819 | + cursor: pointer; | |
| 4820 | + font-size: 11px !important; | |
| 4821 | +} | |
| 4822 | + | |
| 4823 | +#sync-basalam-onboarding-status .basalam-product-sync-save:hover, | |
| 4824 | +#sync-basalam-onboarding-status .basalam-product-sync-save:focus { | |
| 4825 | + background: var(--basalam-primary-hover); | |
| 4826 | + color: #fff; | |
| 4827 | +} | |
| 4828 | + | |
| 4195 | 4829 | /* Badge styling */ |
| 4196 | 4830 | .basalam-badge-warning { |
| 4197 | 4831 | background: #ffc107; |
| 4198 | 4832 | color: #000; |
| @@ -7779,6 +8413,274 @@ | ||
| 7779 | 8413 | @media screen and (max-width: 782px) { |
| 7780 | 8414 | .basalam-price-change-field .basalam-price-change-field__control { |
| 7781 | 8415 | float: none; |
| 7782 | 8416 | width: 100%; |
| 8417 | + } | |
| 8418 | +} | |
| 8419 | + | |
| 8420 | +/* Keep the advanced settings form inside its modal at narrow widths. */ | |
| 8421 | +#basalam-modal #sep-section { | |
| 8422 | + box-sizing: border-box; | |
| 8423 | + max-width: min(800px, calc(100vw - 24px)); | |
| 8424 | +} | |
| 8425 | + | |
| 8426 | +#basalam-modal #basalam-advanced-settings-form, | |
| 8427 | +#basalam-modal .basalam-tab-content { | |
| 8428 | + min-width: 0; | |
| 8429 | + max-width: 100%; | |
| 8430 | +} | |
| 8431 | + | |
| 8432 | +#basalam-modal section#sep-section .basalam-form-row { | |
| 8433 | + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; | |
| 8434 | +} | |
| 8435 | + | |
| 8436 | +#basalam-modal #sep-section .basalam-form-group { | |
| 8437 | + width: 100% !important; | |
| 8438 | + min-width: 0; | |
| 8439 | + box-sizing: border-box; | |
| 8440 | +} | |
| 8441 | + | |
| 8442 | +#basalam-modal #sep-section .basalam-form-group .basalam-input, | |
| 8443 | +#basalam-modal #sep-section .basalam-form-group .basalam-select { | |
| 8444 | + width: 100% !important; | |
| 8445 | + max-width: 100% !important; | |
| 8446 | + min-width: 0; | |
| 8447 | + box-sizing: border-box; | |
| 8448 | +} | |
| 8449 | + | |
| 8450 | +#basalam-modal #sep-section .basalam-input-container { | |
| 8451 | + min-width: 0; | |
| 8452 | +} | |
| 8453 | + | |
| 8454 | +#basalam-modal #sep-section .basalam-input-container .percentage-input { | |
| 8455 | + flex: 1 1 0; | |
| 8456 | +} | |
| 8457 | + | |
| 8458 | +#basalam-modal #sep-section .percentage-unit { | |
| 8459 | + flex: 0 0 auto; | |
| 8460 | + white-space: nowrap; | |
| 8461 | +} | |
| 8462 | + | |
| 8463 | +#basalam-modal #Basalam-map-option-form, | |
| 8464 | +#basalam-modal .options_mapping_section { | |
| 8465 | + max-width: 100%; | |
| 8466 | + box-sizing: border-box; | |
| 8467 | +} | |
| 8468 | + | |
| 8469 | +@media screen and (max-width: 900px) { | |
| 8470 | + #basalam-modal section#sep-section .basalam-form-row { | |
| 8471 | + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; | |
| 8472 | + } | |
| 8473 | +} | |
| 8474 | + | |
| 8475 | +@media screen and (max-width: 600px) { | |
| 8476 | + #basalam-modal #sep-section { | |
| 8477 | + width: calc(100% - 24px) !important; | |
| 8478 | + max-width: calc(100% - 24px) !important; | |
| 8479 | + margin: 12px auto !important; | |
| 8480 | + padding: 32px 12px 16px !important; | |
| 8481 | + } | |
| 8482 | + | |
| 8483 | + #basalam-modal #sep-section .basalam-form-group { | |
| 8484 | + padding: 6px !important; | |
| 8485 | + } | |
| 8486 | + | |
| 8487 | + #basalam-modal #sep-section .basalam-form-group .basalam-input, | |
| 8488 | + #basalam-modal #sep-section .basalam-form-group .basalam-select { | |
| 8489 | + height: 34px !important; | |
| 8490 | + padding: 5px 7px !important; | |
| 8491 | + font-size: 11px !important; | |
| 8492 | + } | |
| 8493 | + | |
| 8494 | + #basalam-modal #sep-section .basalam-form-group input[type="checkbox"] { | |
| 8495 | + width: auto !important; | |
| 8496 | + height: auto !important; | |
| 8497 | + padding: 0 !important; | |
| 8498 | + flex: 0 0 auto; | |
| 8499 | + } | |
| 8500 | + | |
| 8501 | + #basalam-modal #Basalam-map-option-form input, | |
| 8502 | + #basalam-modal #Basalam-map-option-form button { | |
| 8503 | + width: 100% !important; | |
| 8504 | + max-width: 100%; | |
| 8505 | + box-sizing: border-box; | |
| 8506 | + } | |
| 8507 | + | |
| 8508 | + #basalam-modal .options_mapping_section .basalam-table { | |
| 8509 | + min-width: 0; | |
| 8510 | + table-layout: fixed; | |
| 8511 | + } | |
| 8512 | + | |
| 8513 | + #basalam-modal .options_mapping_section .basalam-table th, | |
| 8514 | + #basalam-modal .options_mapping_section .basalam-table td { | |
| 8515 | + overflow-wrap: anywhere; | |
| 8516 | + padding: 5px !important; | |
| 8517 | + font-size: 10px !important; | |
| 8518 | + } | |
| 8519 | +} | |
| 8520 | + | |
| 8521 | +@media screen and (max-width: 400px) { | |
| 8522 | + #basalam-modal section#sep-section .basalam-form-row { | |
| 8523 | + grid-template-columns: minmax(0, 1fr) !important; | |
| 8524 | + } | |
| 8525 | +} | |
| 8526 | + | |
| 8527 | +#basalam-modal #Basalam-map-option-form { | |
| 8528 | + display: grid !important; | |
| 8529 | + grid-template-columns: repeat(2, minmax(0, 1fr)); | |
| 8530 | + grid-template-areas: | |
| 8531 | + "woo-label basalam-label" | |
| 8532 | + "woo-input basalam-input" | |
| 8533 | + "save save"; | |
| 8534 | + gap: 8px 12px !important; | |
| 8535 | + align-items: start; | |
| 8536 | + width: 100% !important; | |
| 8537 | +} | |
| 8538 | + | |
| 8539 | +#basalam-modal #Basalam-map-option-form label[for="woo-option-name"] { | |
| 8540 | + grid-area: woo-label; | |
| 8541 | +} | |
| 8542 | + | |
| 8543 | +#basalam-modal #Basalam-map-option-form label[for="Basalam-option-name"] { | |
| 8544 | + grid-area: basalam-label; | |
| 8545 | +} | |
| 8546 | + | |
| 8547 | +#basalam-modal #Basalam-map-option-form #woo-option-name { | |
| 8548 | + grid-area: woo-input; | |
| 8549 | +} | |
| 8550 | + | |
| 8551 | +#basalam-modal #Basalam-map-option-form #Basalam-option-name { | |
| 8552 | + grid-area: basalam-input; | |
| 8553 | +} | |
| 8554 | + | |
| 8555 | +#basalam-modal #Basalam-map-option-form label, | |
| 8556 | +#basalam-modal #Basalam-map-option-form input { | |
| 8557 | + width: 100% !important; | |
| 8558 | + min-width: 0; | |
| 8559 | + margin: 0 !important; | |
| 8560 | + box-sizing: border-box; | |
| 8561 | +} | |
| 8562 | + | |
| 8563 | +#basalam-modal #Basalam-map-option-form #Basalam-map-option-submit { | |
| 8564 | + grid-area: save; | |
| 8565 | + width: 100% !important; | |
| 8566 | + max-width: 100%; | |
| 8567 | + margin: 8px 0 0 !important; | |
| 8568 | + box-sizing: border-box; | |
| 8569 | +} | |
| 8570 | + | |
| 8571 | +@media screen and (max-width: 900px) { | |
| 8572 | + #sync-basalam-onboarding-status .basalam-status-header { | |
| 8573 | + display: grid; | |
| 8574 | + grid-template-columns: minmax(0, 1fr) auto; | |
| 8575 | + grid-template-areas: | |
| 8576 | + "badge title" | |
| 8577 | + "data data"; | |
| 8578 | + direction: ltr; | |
| 8579 | + align-items: center; | |
| 8580 | + text-align: right; | |
| 8581 | + } | |
| 8582 | + | |
| 8583 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam-h { | |
| 8584 | + width: auto; | |
| 8585 | + min-width: 0; | |
| 8586 | + margin: 0; | |
| 8587 | + text-align: right; | |
| 8588 | + } | |
| 8589 | + | |
| 8590 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam-badge { | |
| 8591 | + max-width: 100%; | |
| 8592 | + margin: 0 !important; | |
| 8593 | + white-space: normal; | |
| 8594 | + } | |
| 8595 | + | |
| 8596 | + #sync-basalam-onboarding-status .basalam-status-header > .basalam_status_data_container { | |
| 8597 | + width: 100%; | |
| 8598 | + min-width: 0; | |
| 8599 | + } | |
| 8600 | +} | |
| 8601 | + | |
| 8602 | +@media screen and (max-width: 600px) { | |
| 8603 | + #BasalamUpdateProductsModal .basalam-modal-content, | |
| 8604 | + #basalamAddProductsModal .basalam-modal-content { | |
| 8605 | + position: absolute; | |
| 8606 | + top: 50%; | |
| 8607 | + left: 50%; | |
| 8608 | + transform: translate(-50%, -50%); | |
| 8609 | + box-sizing: border-box; | |
| 8610 | + width: min(340px, calc(100vw - 24px)); | |
| 8611 | + max-width: calc(100vw - 24px); | |
| 8612 | + min-height: min(260px, calc(100dvh - 32px)); | |
| 8613 | + max-height: calc(100dvh - 32px); | |
| 8614 | + margin: 0; | |
| 8615 | + padding: 16px; | |
| 8616 | + } | |
| 8617 | + | |
| 8618 | + #BasalamUpdateProductsModal .basalam-modal-close, | |
| 8619 | + #basalamAddProductsModal .basalam-modal-close { | |
| 8620 | + position: absolute; | |
| 8621 | + top: 10px; | |
| 8622 | + right: 10px; | |
| 8623 | + float: none; | |
| 8624 | + margin: 0; | |
| 8625 | + } | |
| 8626 | + | |
| 8627 | + #BasalamUpdateProductsModal .basalam-modal-content > h3, | |
| 8628 | + #basalamAddProductsModal .basalam-modal-content > h3 { | |
| 8629 | + padding: 0 20px; | |
| 8630 | + font-size: 16px !important; | |
| 8631 | + line-height: 1.4; | |
| 8632 | + } | |
| 8633 | + | |
| 8634 | + #BasalamUpdateProductsModal #update-type-selection > p { | |
| 8635 | + padding-top: 10px; | |
| 8636 | + font-size: 11px !important; | |
| 8637 | + } | |
| 8638 | + | |
| 8639 | + #BasalamUpdateProductsModal .basalam-bg-light-warning-margin { | |
| 8640 | + padding: 10px; | |
| 8641 | + margin-top: 8px !important; | |
| 8642 | + } | |
| 8643 | + | |
| 8644 | + #BasalamUpdateProductsModal .basalam-display-flex-gap-20 { | |
| 8645 | + gap: 8px; | |
| 8646 | + } | |
| 8647 | + | |
| 8648 | + #BasalamUpdateProductsModal .basalam-flex-1 { | |
| 8649 | + min-width: 0; | |
| 8650 | + } | |
| 8651 | + | |
| 8652 | + #BasalamUpdateProductsModal .basalam-display-flex-gap-20 h4 { | |
| 8653 | + font-size: 12px !important; | |
| 8654 | + line-height: 1.5; | |
| 8655 | + } | |
| 8656 | + | |
| 8657 | + #BasalamUpdateProductsModal .basalam-margin-muted { | |
| 8658 | + font-size: 10px; | |
| 8659 | + line-height: 1.5; | |
| 8660 | + } | |
| 8661 | + | |
| 8662 | + #BasalamUpdateProductsModal .basalam-display-flex-gap-10-margin { | |
| 8663 | + gap: 8px; | |
| 8664 | + margin-top: 12px; | |
| 8665 | + } | |
| 8666 | + | |
| 8667 | + #BasalamUpdateProductsModal #quick-update-btn, | |
| 8668 | + #BasalamUpdateProductsModal #full-update-btn { | |
| 8669 | + box-sizing: border-box; | |
| 8670 | + min-width: 0; | |
| 8671 | + min-height: 38px; | |
| 8672 | + height: auto; | |
| 8673 | + padding: 8px 6px; | |
| 8674 | + } | |
| 8675 | + | |
| 8676 | + #BasalamUpdateProductsModal #quick-update-btn span, | |
| 8677 | + #BasalamUpdateProductsModal #full-update-btn span { | |
| 8678 | + font-size: 11px; | |
| 8679 | + line-height: 1.4; | |
| 8680 | + } | |
| 8681 | + | |
| 8682 | + #BasalamUpdateProductsModal .basalam-bg-warning-info-margin { | |
| 8683 | + padding: 12px; | |
| 8684 | + margin-top: 10px; | |
| 7783 | 8685 | } |
| 7784 | 8686 | } |
