← All changes
|
includes/extensions/Site_Preloader/assets/admin.css
+52
-1
51.1.44
→
51.1.86
View file →
| @@ -1,8 +1,8 @@ | ||
| 1 | 1 | /** |
| 2 | 2 | * Site Preloader Admin Styles. |
| 3 | 3 | * |
| 4 | - * Apple-inspired admin UI for the Site Preloader extension. | |
| 4 | + * Premium style inspired admin UI for the Site Preloader extension. | |
| 5 | 5 | * Extends the shared V3 admin styles. |
| 6 | 6 | * |
| 7 | 7 | * @package King_Addons |
| 8 | 8 | * @since 1.0.0 |
| @@ -12,8 +12,28 @@ | ||
| 12 | 12 | .ka-preloader-admin .ka-admin-header-icon.orange { |
| 13 | 13 | background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); |
| 14 | 14 | } |
| 15 | 15 | |
| 16 | +/* Select dropdown with arrow (scoped to this admin page only) */ | |
| 17 | +.ka-preloader-admin select { | |
| 18 | + padding-right: 38px !important; | |
| 19 | + -webkit-appearance: none !important; | |
| 20 | + -moz-appearance: none !important; | |
| 21 | + appearance: none !important; | |
| 22 | + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important; | |
| 23 | + background-repeat: no-repeat !important; | |
| 24 | + background-position: right 12px center !important; | |
| 25 | + background-size: 18px 18px !important; | |
| 26 | +} | |
| 27 | + | |
| 28 | +body.ka-v3-dark .ka-preloader-admin select { | |
| 29 | + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important; | |
| 30 | +} | |
| 31 | + | |
| 32 | +.ka-preloader-admin select::-ms-expand { | |
| 33 | + display: none; | |
| 34 | +} | |
| 35 | + | |
| 16 | 36 | /* ===== NOTICE STYLES ===== */ |
| 17 | 37 | .ka-notice { |
| 18 | 38 | display: flex; |
| 19 | 39 | align-items: center; |
| @@ -483,8 +503,13 @@ | ||
| 483 | 503 | transform: scale(1.02); |
| 484 | 504 | box-shadow: 0 4px 20px rgba(249, 115, 22, 0.4); |
| 485 | 505 | } |
| 486 | 506 | |
| 507 | +/* Display Rules: ensure plus icon matches button text color */ | |
| 508 | +#ka-add-rule-btn .dashicons { | |
| 509 | + color: inherit !important; | |
| 510 | +} | |
| 511 | + | |
| 487 | 512 | /* ===== TEMPLATES PAGE ===== */ |
| 488 | 513 | .ka-preloader-templates-intro { |
| 489 | 514 | color: #86868b; |
| 490 | 515 | margin-bottom: 24px; |
| @@ -1446,8 +1471,34 @@ | ||
| 1446 | 1471 | padding: 4px; |
| 1447 | 1472 | border-radius: 10px; |
| 1448 | 1473 | border: 1px solid rgba(0, 0, 0, 0.08); |
| 1449 | 1474 | cursor: pointer; |
| 1475 | +} | |
| 1476 | + | |
| 1477 | +/* WP color picker (alpha) inside rules */ | |
| 1478 | +.ka-rule-color-field .wp-picker-container { | |
| 1479 | + width: 100%; | |
| 1480 | +} | |
| 1481 | + | |
| 1482 | +.ka-rule-color-field .wp-color-result { | |
| 1483 | + height: 40px; | |
| 1484 | + border-radius: 10px; | |
| 1485 | + border-color: rgba(0, 0, 0, 0.08); | |
| 1486 | +} | |
| 1487 | + | |
| 1488 | +body.ka-v3-dark .ka-rule-color-field .wp-color-result { | |
| 1489 | + border-color: rgba(255, 255, 255, 0.12); | |
| 1490 | +} | |
| 1491 | + | |
| 1492 | +.ka-rule-color-field .wp-picker-input-wrap { | |
| 1493 | + display: flex; | |
| 1494 | + align-items: center; | |
| 1495 | + gap: 8px; | |
| 1496 | +} | |
| 1497 | + | |
| 1498 | +.ka-rule-color-field input.ka-color-picker.wp-color-picker { | |
| 1499 | + height: 40px; | |
| 1500 | + border-radius: 10px; | |
| 1450 | 1501 | } |
| 1451 | 1502 | |
| 1452 | 1503 | body.ka-v3-dark .ka-rule-color-field input[type="color"] { |
| 1453 | 1504 | border-color: rgba(255, 255, 255, 0.12); |