feat: icon abstraction layer for PS 1.6-9.x compatibility
Add esIcon() JS helper and renderIcon() PHP helper that auto-detect the icon framework (Material Icons on PS 8+/9+, FontAwesome 4 on PS 1.6/1.7) and render appropriate HTML. Includes bidirectional mapping between FA4 class names and Material Icons names. - Replace all hardcoded <i class="material-icons"> with esIcon()/renderIcon() - Add FA4_MAP (Material→FA4) and reverse FA4→Material mapping in both JS and PHP - Add detectIconMode() with PHP data-attribute hint and font-family probe fallback - Fix 4 self/this scope bugs in esIcon calls across _methods.js, _tree.js, _preview.js - Add esIconUpdate() for dynamically updating existing icon elements - Add normalizeIconName() to handle both FA4 and Material input formats Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -16,6 +16,13 @@
|
||||
/**
|
||||
* MPR Admin Variables
|
||||
* @package prestashop-admin
|
||||
*
|
||||
* Color token system:
|
||||
* - PS theme vars (--primary, --danger, etc.) → set by PrestaShop admin theme
|
||||
* - MPR tokens (--mpr-*) → set here as defaults, overridable per module/theme
|
||||
*
|
||||
* Usage in SCSS: var(--token, $fallback)
|
||||
* The $fallback SCSS vars below ensure compilation succeeds even without :root.
|
||||
*/
|
||||
/**
|
||||
* Entity Selector Styles
|
||||
@@ -36,6 +43,27 @@
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes spin-pulse {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.4;
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.es-spin {
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
.es-spin-pulse {
|
||||
animation: spin-pulse 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/**
|
||||
* Entity Selector Styles
|
||||
* @package prestashop-entity-selector
|
||||
@@ -251,6 +279,10 @@
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
.target-conditions-trait .material-icons,
|
||||
.entity-selector-trait .material-icons {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.target-conditions-trait .condition-trait-header,
|
||||
.entity-selector-trait .condition-trait-header {
|
||||
display: flex;
|
||||
@@ -433,7 +465,7 @@
|
||||
}
|
||||
.target-conditions-trait .trait-show-all-toggle .show-all-checkbox:checked + .toggle-slider,
|
||||
.entity-selector-trait .trait-show-all-toggle .show-all-checkbox:checked + .toggle-slider {
|
||||
background: #28a745;
|
||||
background: #70b580;
|
||||
}
|
||||
.target-conditions-trait .trait-show-all-toggle .show-all-checkbox:checked + .toggle-slider::after,
|
||||
.entity-selector-trait .trait-show-all-toggle .show-all-checkbox:checked + .toggle-slider::after {
|
||||
@@ -514,9 +546,9 @@
|
||||
border-bottom-color: #06b6d4;
|
||||
color: #25b9d7;
|
||||
}
|
||||
.target-conditions-trait .target-block-tab i,
|
||||
.entity-selector-trait .target-block-tab i {
|
||||
font-size: 0.875rem;
|
||||
.target-conditions-trait .target-block-tab i.material-icons,
|
||||
.entity-selector-trait .target-block-tab i.material-icons {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.target-conditions-trait .target-block-tab .tab-label,
|
||||
.entity-selector-trait .target-block-tab .tab-label {
|
||||
@@ -682,6 +714,38 @@
|
||||
border-bottom: 0;
|
||||
border-radius: 0.3rem 0 0 0;
|
||||
}
|
||||
.target-conditions-trait .entity-selector-actions:not(.btn-toggle-blocks),
|
||||
.entity-selector-trait .entity-selector-actions:not(.btn-toggle-blocks) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0.25rem 1rem;
|
||||
border-left: 1px solid #dee2e6;
|
||||
}
|
||||
.target-conditions-trait .entity-selector-actions:not(.btn-toggle-blocks) .btn-toggle-groups,
|
||||
.entity-selector-trait .entity-selector-actions:not(.btn-toggle-blocks) .btn-toggle-groups {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
padding: 0;
|
||||
background: #ffffff;
|
||||
border: 1px solid #94a3b8;
|
||||
border-radius: 0.25rem;
|
||||
color: #334155;
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.target-conditions-trait .entity-selector-actions:not(.btn-toggle-blocks) .btn-toggle-groups:hover,
|
||||
.entity-selector-trait .entity-selector-actions:not(.btn-toggle-blocks) .btn-toggle-groups:hover {
|
||||
background: rgba(37, 185, 215, 0.1);
|
||||
color: #25b9d7;
|
||||
border-color: #25b9d7;
|
||||
}
|
||||
.target-conditions-trait .entity-selector-actions:not(.btn-toggle-blocks) .btn-toggle-groups .material-icons,
|
||||
.entity-selector-trait .entity-selector-actions:not(.btn-toggle-blocks) .btn-toggle-groups .material-icons {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.target-conditions-trait .entity-selector-actions.btn-toggle-blocks,
|
||||
.entity-selector-trait .entity-selector-actions.btn-toggle-blocks {
|
||||
display: flex;
|
||||
@@ -749,7 +813,7 @@
|
||||
}
|
||||
.target-conditions-trait .target-block-empty i,
|
||||
.entity-selector-trait .target-block-empty i {
|
||||
font-size: 2rem;
|
||||
font-size: 2rem !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.target-conditions-trait .target-block-empty p,
|
||||
@@ -799,10 +863,6 @@
|
||||
.entity-selector-trait.single-mode .target-block-container {
|
||||
display: block;
|
||||
}
|
||||
.target-conditions-trait.single-mode .entity-selector-tabs-row .target-block-tabs,
|
||||
.entity-selector-trait.single-mode .entity-selector-tabs-row .target-block-tabs {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.target-conditions-trait .header-actions,
|
||||
.entity-selector-trait .header-actions {
|
||||
@@ -844,7 +904,7 @@
|
||||
}
|
||||
.target-conditions-trait .header-action-btn i,
|
||||
.entity-selector-trait .header-action-btn i {
|
||||
font-size: 12px;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -1688,11 +1748,11 @@
|
||||
}
|
||||
.target-conditions-trait .result-col-stock .col-value.stock-ok,
|
||||
.entity-selector-trait .result-col-stock .col-value.stock-ok {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
}
|
||||
.target-conditions-trait .result-col-stock .col-value.stock-low,
|
||||
.entity-selector-trait .result-col-stock .col-value.stock-low {
|
||||
color: #ffc107;
|
||||
color: #fab000;
|
||||
}
|
||||
.target-conditions-trait .result-col-stock .col-value.stock-out,
|
||||
.entity-selector-trait .result-col-stock .col-value.stock-out {
|
||||
@@ -1753,19 +1813,6 @@
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.target-conditions-trait .dropdown-item.is-combination,
|
||||
.entity-selector-trait .dropdown-item.is-combination {
|
||||
padding-left: 28px;
|
||||
}
|
||||
.target-conditions-trait .dropdown-item.is-combination .result-name,
|
||||
.entity-selector-trait .dropdown-item.is-combination .result-name {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.target-conditions-trait .dropdown-item.is-parent-product,
|
||||
.entity-selector-trait .dropdown-item.is-parent-product {
|
||||
background: #f8fafc;
|
||||
font-weight: 500;
|
||||
}
|
||||
.target-conditions-trait .no-results,
|
||||
.entity-selector-trait .no-results {
|
||||
display: flex;
|
||||
@@ -3044,12 +3091,12 @@ body > .target-search-dropdown .filter-group-toggle.active .toggle-count,
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle.has-selection,
|
||||
.target-search-dropdown .filter-group-toggle.has-selection {
|
||||
border-color: #28a745;
|
||||
background: rgba(40, 167, 69, 0.05);
|
||||
border-color: #70b580;
|
||||
background: rgba(112, 181, 128, 0.05);
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle.has-selection .toggle-count,
|
||||
.target-search-dropdown .filter-group-toggle.has-selection .toggle-count {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
font-weight: 600;
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-name,
|
||||
@@ -3058,9 +3105,46 @@ body > .target-search-dropdown .filter-group-toggle .toggle-name,
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-count,
|
||||
.target-search-dropdown .filter-group-toggle .toggle-count {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.125rem;
|
||||
color: #6c757d;
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-count i,
|
||||
.target-search-dropdown .filter-group-toggle .toggle-count i {
|
||||
font-size: 10px;
|
||||
color: #25b9d7;
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-count.clickable,
|
||||
.target-search-dropdown .filter-group-toggle .toggle-count.clickable {
|
||||
cursor: pointer;
|
||||
padding: 0.125rem 0.25rem;
|
||||
border-radius: 0.2rem;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-count.clickable:hover,
|
||||
.target-search-dropdown .filter-group-toggle .toggle-count.clickable:hover {
|
||||
background: rgba(37, 185, 215, 0.1);
|
||||
color: #25b9d7;
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-count.clickable:hover i,
|
||||
.target-search-dropdown .filter-group-toggle .toggle-count.clickable:hover i {
|
||||
color: #25b9d7;
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-count.clickable.popover-open,
|
||||
.target-search-dropdown .filter-group-toggle .toggle-count.clickable.popover-open {
|
||||
background: #25b9d7;
|
||||
color: #ffffff;
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-count.clickable.popover-open i,
|
||||
.target-search-dropdown .filter-group-toggle .toggle-count.clickable.popover-open i {
|
||||
color: #ffffff;
|
||||
}
|
||||
body > .target-search-dropdown .filter-group-toggle .toggle-count.clickable.loading i,
|
||||
.target-search-dropdown .filter-group-toggle .toggle-count.clickable.loading i {
|
||||
animation: spin 0.6s linear infinite;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip, body > .target-search-dropdown .filter-attr-chip,
|
||||
body > .target-search-dropdown .filter-feat-chip,
|
||||
.target-search-dropdown .filter-chip,
|
||||
@@ -3181,81 +3265,6 @@ body > .target-search-dropdown .filter-chip.active .chip-count,
|
||||
.target-search-dropdown .active.filter-feat-chip .chip-count {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper,
|
||||
.target-search-dropdown .filter-chip-wrapper {
|
||||
display: inline-flex;
|
||||
align-items: stretch;
|
||||
border-radius: 0.2rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .filter-chip,
|
||||
body > .target-search-dropdown .filter-chip-wrapper .filter-group-toggle,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-chip,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-attr-chip,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-feat-chip,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-group-toggle {
|
||||
border-radius: 0.2rem 0 0 0.2rem;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .chip-preview-btn,
|
||||
.target-search-dropdown .filter-chip-wrapper .chip-preview-btn {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .chip-preview-btn:focus,
|
||||
.target-search-dropdown .filter-chip-wrapper .chip-preview-btn:focus {
|
||||
outline: none;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .chip-preview-btn,
|
||||
.target-search-dropdown .filter-chip-wrapper .chip-preview-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 0.375rem;
|
||||
font-size: 10px;
|
||||
color: #6c757d;
|
||||
background: #f1f5f9;
|
||||
border-left: 1px solid #dee2e6;
|
||||
border-radius: 0 0.2rem 0.2rem 0;
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .chip-preview-btn:hover,
|
||||
.target-search-dropdown .filter-chip-wrapper .chip-preview-btn:hover {
|
||||
background: rgba(37, 185, 215, 0.1);
|
||||
color: #25b9d7;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .chip-preview-btn.popover-open,
|
||||
.target-search-dropdown .filter-chip-wrapper .chip-preview-btn.popover-open {
|
||||
background: #25b9d7;
|
||||
color: #ffffff;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .chip-preview-btn.loading i,
|
||||
.target-search-dropdown .filter-chip-wrapper .chip-preview-btn.loading i {
|
||||
animation: spin 0.6s linear infinite;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .filter-chip:last-child,
|
||||
body > .target-search-dropdown .filter-chip-wrapper .filter-group-toggle:last-child,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-chip:last-child,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-attr-chip:last-child,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-feat-chip:last-child,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-group-toggle:last-child {
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .filter-group-toggle.active + .chip-preview-btn,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-group-toggle.active + .chip-preview-btn {
|
||||
border-left-color: #25b9d7;
|
||||
background: rgba(37, 185, 215, 0.05);
|
||||
}
|
||||
body > .target-search-dropdown .filter-chip-wrapper .filter-group-toggle.has-selection + .chip-preview-btn,
|
||||
.target-search-dropdown .filter-chip-wrapper .filter-group-toggle.has-selection + .chip-preview-btn {
|
||||
border-left-color: #28a745;
|
||||
background: rgba(40, 167, 69, 0.03);
|
||||
}
|
||||
body > .target-search-dropdown .dropdown-content,
|
||||
.target-search-dropdown .dropdown-content {
|
||||
max-height: 400px;
|
||||
@@ -3982,7 +3991,7 @@ body > .target-search-dropdown.view-cols-2 .dropdown-item .result-grid-info .gri
|
||||
.target-search-dropdown.view-cols-6 .dropdown-item .result-grid-info .grid-stock.stock-low,
|
||||
.target-search-dropdown.view-cols-7 .dropdown-item .result-grid-info .grid-stock.stock-low,
|
||||
.target-search-dropdown.view-cols-8 .dropdown-item .result-grid-info .grid-stock.stock-low {
|
||||
color: #ffc107;
|
||||
color: #fab000;
|
||||
}
|
||||
body > .target-search-dropdown.view-cols-2 .dropdown-item .result-grid-info .grid-discount, body > .target-search-dropdown.view-cols-3 .dropdown-item .result-grid-info .grid-discount, body > .target-search-dropdown.view-cols-4 .dropdown-item .result-grid-info .grid-discount, body > .target-search-dropdown.view-cols-5 .dropdown-item .result-grid-info .grid-discount, body > .target-search-dropdown.view-cols-6 .dropdown-item .result-grid-info .grid-discount, body > .target-search-dropdown.view-cols-7 .dropdown-item .result-grid-info .grid-discount, body > .target-search-dropdown.view-cols-8 .dropdown-item .result-grid-info .grid-discount,
|
||||
.target-search-dropdown.view-cols-2 .dropdown-item .result-grid-info .grid-discount,
|
||||
@@ -3992,7 +4001,7 @@ body > .target-search-dropdown.view-cols-2 .dropdown-item .result-grid-info .gri
|
||||
.target-search-dropdown.view-cols-6 .dropdown-item .result-grid-info .grid-discount,
|
||||
.target-search-dropdown.view-cols-7 .dropdown-item .result-grid-info .grid-discount,
|
||||
.target-search-dropdown.view-cols-8 .dropdown-item .result-grid-info .grid-discount {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
font-weight: 500;
|
||||
}
|
||||
body > .target-search-dropdown.view-cols-2 .results-header, body > .target-search-dropdown.view-cols-3 .results-header, body > .target-search-dropdown.view-cols-4 .results-header, body > .target-search-dropdown.view-cols-5 .results-header, body > .target-search-dropdown.view-cols-6 .results-header, body > .target-search-dropdown.view-cols-7 .results-header, body > .target-search-dropdown.view-cols-8 .results-header,
|
||||
@@ -4157,11 +4166,11 @@ body > .target-search-dropdown .result-col-sale,
|
||||
}
|
||||
body > .target-search-dropdown .result-col-stock .col-value.stock-ok,
|
||||
.target-search-dropdown .result-col-stock .col-value.stock-ok {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
}
|
||||
body > .target-search-dropdown .result-col-stock .col-value.stock-low,
|
||||
.target-search-dropdown .result-col-stock .col-value.stock-low {
|
||||
color: #ffc107;
|
||||
color: #fab000;
|
||||
}
|
||||
body > .target-search-dropdown .result-col-stock .col-value.stock-out,
|
||||
.target-search-dropdown .result-col-stock .col-value.stock-out {
|
||||
@@ -4505,10 +4514,10 @@ body > .target-search-dropdown .tree-subtitle,
|
||||
font-weight: 600;
|
||||
}
|
||||
.target-search-dropdown .result-col-stock .col-value.stock-ok {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
}
|
||||
.target-search-dropdown .result-col-stock .col-value.stock-low {
|
||||
color: #ffc107;
|
||||
color: #fab000;
|
||||
}
|
||||
.target-search-dropdown .result-col-stock .col-value.stock-out {
|
||||
color: #dc3545;
|
||||
@@ -5029,7 +5038,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .chip-preview-holidays i.material-icons,
|
||||
.entity-selector-trait .chip-preview-holidays i.material-icons {
|
||||
font-size: 14px;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.target-conditions-trait .chip-text,
|
||||
.target-conditions-trait .chip-name,
|
||||
@@ -5037,16 +5046,6 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
.entity-selector-trait .chip-name {
|
||||
word-break: break-word;
|
||||
}
|
||||
.target-conditions-trait .chip-attrs,
|
||||
.entity-selector-trait .chip-attrs {
|
||||
font-size: 0.85em;
|
||||
opacity: 0.7;
|
||||
margin-left: 2px;
|
||||
}
|
||||
.target-conditions-trait .chip-attrs::before,
|
||||
.entity-selector-trait .chip-attrs::before {
|
||||
content: "— ";
|
||||
}
|
||||
.target-conditions-trait .chip-remove,
|
||||
.entity-selector-trait .chip-remove {
|
||||
padding: 0;
|
||||
@@ -5099,7 +5098,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .entity-chip.chip-success:hover,
|
||||
.entity-selector-trait .entity-chip.chip-success:hover {
|
||||
background: rgba(40, 167, 69, 0.2);
|
||||
background: rgba(112, 181, 128, 0.2);
|
||||
}
|
||||
.target-conditions-trait .entity-chip.chip-danger,
|
||||
.entity-selector-trait .entity-chip.chip-danger {
|
||||
@@ -5113,11 +5112,11 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
.target-conditions-trait .entity-chip.chip-warning,
|
||||
.entity-selector-trait .entity-chip.chip-warning {
|
||||
background: #fff3cd;
|
||||
color: #a07800;
|
||||
color: rgb(148, 104.192, 0);
|
||||
}
|
||||
.target-conditions-trait .entity-chip.chip-warning:hover,
|
||||
.entity-selector-trait .entity-chip.chip-warning:hover {
|
||||
background: rgba(255, 193, 7, 0.3);
|
||||
background: rgba(250, 176, 0, 0.3);
|
||||
}
|
||||
.target-conditions-trait .entity-chip.loading,
|
||||
.target-conditions-trait .entity-chip-loading,
|
||||
@@ -5362,7 +5361,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .pattern-tag.case-sensitive .case-icon,
|
||||
.entity-selector-trait .pattern-tag.case-sensitive .case-icon {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
font-weight: 700;
|
||||
}
|
||||
.target-conditions-trait .pattern-tag.draft-tag,
|
||||
@@ -5518,11 +5517,11 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .pattern-match-count.count-zero,
|
||||
.entity-selector-trait .pattern-match-count.count-zero {
|
||||
color: #ffc107;
|
||||
color: #fab000;
|
||||
}
|
||||
.target-conditions-trait .pattern-match-count.count-found,
|
||||
.entity-selector-trait .pattern-match-count.count-found {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
}
|
||||
.target-conditions-trait .pattern-match-count .count-value,
|
||||
.entity-selector-trait .pattern-match-count .count-value {
|
||||
@@ -5593,7 +5592,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
color: #495057;
|
||||
}
|
||||
.holiday-preview-popover .popover-close i.material-icons {
|
||||
font-size: 18px;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.holiday-preview-popover .popover-body {
|
||||
max-height: 350px;
|
||||
@@ -5625,9 +5624,9 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.holiday-preview-popover .holiday-preview-loading i.material-icons {
|
||||
font-size: 20px;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
.holiday-preview-popover .holiday-preview-loading .icon-spin {
|
||||
.holiday-preview-popover .holiday-preview-loading .es-spin {
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
.holiday-preview-popover .holiday-preview-empty {
|
||||
@@ -5636,7 +5635,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
color: #6c757d;
|
||||
}
|
||||
.holiday-preview-popover .holiday-preview-empty i.material-icons {
|
||||
font-size: 48px;
|
||||
font-size: 48px !important;
|
||||
opacity: 0.4;
|
||||
margin-bottom: 0.5rem;
|
||||
display: block;
|
||||
@@ -5657,13 +5656,13 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
padding: 0.5rem 1rem;
|
||||
background: #f8fafc;
|
||||
border-radius: 0.25rem;
|
||||
border-left: 3px solid #28a745;
|
||||
border-left: 3px solid #70b580;
|
||||
}
|
||||
.holiday-preview-popover .holiday-item.holiday-type-bank, .holiday-preview-popover .holiday-item.holiday-type-bank-holiday {
|
||||
border-left-color: #17a2b8;
|
||||
}
|
||||
.holiday-preview-popover .holiday-item.holiday-type-observance {
|
||||
border-left-color: #ffc107;
|
||||
border-left-color: #fab000;
|
||||
}
|
||||
.holiday-preview-popover .holiday-item.holiday-type-regional, .holiday-preview-popover .holiday-item.holiday-type-local-holiday {
|
||||
border-left-color: #8b5cf6;
|
||||
@@ -5726,7 +5725,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
background: #f8fafc;
|
||||
}
|
||||
.holiday-preview-popover .popover-filter i.material-icons {
|
||||
font-size: 18px;
|
||||
font-size: 18px !important;
|
||||
color: #6c757d;
|
||||
}
|
||||
.holiday-preview-popover .popover-filter .holiday-filter-input {
|
||||
@@ -5951,7 +5950,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .section-label.label-include i,
|
||||
.entity-selector-trait .section-label.label-include i {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
}
|
||||
.target-conditions-trait .section-label.label-exclude,
|
||||
.entity-selector-trait .section-label.label-exclude {
|
||||
@@ -6475,11 +6474,12 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 20px;
|
||||
width: 24px;
|
||||
color: #6c757d;
|
||||
}
|
||||
.target-conditions-trait .group-collapse-toggle i,
|
||||
.entity-selector-trait .group-collapse-toggle i {
|
||||
font-size: 20px !important;
|
||||
transition: transform 0.15s ease-in-out;
|
||||
}
|
||||
.target-conditions-trait .group-name-wrapper,
|
||||
@@ -6620,8 +6620,8 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
.entity-selector-trait .group-include {
|
||||
margin-bottom: 1rem;
|
||||
padding: 0.5rem;
|
||||
background: rgba(40, 167, 69, 0.03);
|
||||
border: 1px solid rgba(40, 167, 69, 0.2);
|
||||
background: rgba(112, 181, 128, 0.03);
|
||||
border: 1px solid rgba(112, 181, 128, 0.2);
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
.target-conditions-trait .section-row,
|
||||
@@ -6689,12 +6689,12 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: #ffc107;
|
||||
color: #fab000;
|
||||
cursor: help;
|
||||
}
|
||||
.target-conditions-trait .lock-indicator i,
|
||||
.entity-selector-trait .lock-indicator i {
|
||||
font-size: 14px;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.target-conditions-trait .lock-indicator .mpr-tooltip,
|
||||
.entity-selector-trait .lock-indicator .mpr-tooltip {
|
||||
@@ -6751,7 +6751,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .except-label i,
|
||||
.entity-selector-trait .except-label i {
|
||||
font-size: 10px;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.target-conditions-trait .exclude-rows-container,
|
||||
.entity-selector-trait .exclude-rows-container {
|
||||
@@ -6866,7 +6866,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
.target-conditions-trait .btn-add-another-exclude i,
|
||||
.entity-selector-trait .btn-add-exclude i,
|
||||
.entity-selector-trait .btn-add-another-exclude i {
|
||||
font-size: 10px;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.target-conditions-trait .group-modifiers,
|
||||
.entity-selector-trait .group-modifiers {
|
||||
@@ -6882,20 +6882,23 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .modifier-inline,
|
||||
.entity-selector-trait .modifier-inline {
|
||||
display: flex;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.375rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.target-conditions-trait .group-modifier-limit,
|
||||
.entity-selector-trait .group-modifier-limit {
|
||||
width: 50px;
|
||||
max-width: 50px;
|
||||
min-width: 50px;
|
||||
height: 26px;
|
||||
padding: 0 0.375rem;
|
||||
font-size: 0.75rem;
|
||||
text-align: center;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 0.2rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.target-conditions-trait .group-modifier-limit:focus,
|
||||
.entity-selector-trait .group-modifier-limit:focus {
|
||||
@@ -6912,13 +6915,15 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .modifier-sort .group-modifier-sort,
|
||||
.entity-selector-trait .modifier-sort .group-modifier-sort {
|
||||
width: auto;
|
||||
height: 26px;
|
||||
padding: 0 0.5rem;
|
||||
padding: 0 1.25rem 0 0.5rem;
|
||||
font-size: 0.75rem;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 0.2rem 0 0 0.2rem;
|
||||
border-right: none;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.target-conditions-trait .modifier-sort .group-modifier-sort:focus,
|
||||
.entity-selector-trait .modifier-sort .group-modifier-sort:focus {
|
||||
@@ -6961,7 +6966,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .modifier-sort .btn-sort-dir i,
|
||||
.entity-selector-trait .modifier-sort .btn-sort-dir i {
|
||||
font-size: 11px;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.target-conditions-trait .group-modifier-sort,
|
||||
.entity-selector-trait .group-modifier-sort {
|
||||
@@ -7135,42 +7140,6 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1.25em 1.25em;
|
||||
}
|
||||
.target-conditions-trait[data-mode=single] .groups-container,
|
||||
.target-conditions-trait .mode-single .groups-container,
|
||||
.entity-selector-trait[data-mode=single] .groups-container,
|
||||
.entity-selector-trait .mode-single .groups-container {
|
||||
padding: 0;
|
||||
}
|
||||
.target-conditions-trait[data-mode=single] .group-body,
|
||||
.target-conditions-trait .mode-single .group-body,
|
||||
.entity-selector-trait[data-mode=single] .group-body,
|
||||
.entity-selector-trait .mode-single .group-body {
|
||||
padding: 0;
|
||||
}
|
||||
.target-conditions-trait[data-mode=single] .group-include,
|
||||
.target-conditions-trait .mode-single .group-include,
|
||||
.entity-selector-trait[data-mode=single] .group-include,
|
||||
.entity-selector-trait .mode-single .group-include {
|
||||
padding: 0.5rem;
|
||||
margin-bottom: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.target-conditions-trait[data-mode=single] .selection-group,
|
||||
.target-conditions-trait .mode-single .selection-group,
|
||||
.entity-selector-trait[data-mode=single] .selection-group,
|
||||
.entity-selector-trait .mode-single .selection-group {
|
||||
background: transparent;
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.target-conditions-trait[data-mode=single] .group-header,
|
||||
.target-conditions-trait .mode-single .group-header,
|
||||
.entity-selector-trait[data-mode=single] .group-header,
|
||||
.entity-selector-trait .mode-single .group-header {
|
||||
display: none;
|
||||
}
|
||||
.target-conditions-trait .condition-match-count,
|
||||
.entity-selector-trait .condition-match-count {
|
||||
display: inline-flex;
|
||||
@@ -7209,7 +7178,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.target-conditions-trait .condition-match-count i,
|
||||
.entity-selector-trait .condition-match-count i {
|
||||
font-size: 10px;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -8075,7 +8044,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
margin: 0;
|
||||
}
|
||||
#mpr-holiday-preview-modal .mpr-modal-title i.material-icons {
|
||||
font-size: 20px;
|
||||
font-size: 20px !important;
|
||||
color: #25b9d7;
|
||||
}
|
||||
#mpr-holiday-preview-modal .mpr-modal-close {
|
||||
@@ -8145,7 +8114,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
color: #6c757d;
|
||||
}
|
||||
#mpr-holiday-preview-modal .holiday-preview-empty i.material-icons {
|
||||
font-size: 48px;
|
||||
font-size: 48px !important;
|
||||
opacity: 0.5;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@@ -8168,13 +8137,13 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
padding: 0.5rem 1rem;
|
||||
background: #f8fafc;
|
||||
border-radius: 0.25rem;
|
||||
border-left: 3px solid #28a745;
|
||||
border-left: 3px solid #70b580;
|
||||
}
|
||||
#mpr-holiday-preview-modal .holiday-item.holiday-type-bank {
|
||||
border-left-color: #17a2b8;
|
||||
}
|
||||
#mpr-holiday-preview-modal .holiday-item.holiday-type-observance {
|
||||
border-left-color: #ffc107;
|
||||
border-left-color: #fab000;
|
||||
}
|
||||
#mpr-holiday-preview-modal .holiday-item.holiday-type-regional {
|
||||
border-left-color: #8b5cf6;
|
||||
@@ -8283,20 +8252,6 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
right: 20px;
|
||||
transform: none;
|
||||
}
|
||||
.target-preview-popover.position-above::before,
|
||||
.target-list-preview-popover.position-above::before {
|
||||
top: auto;
|
||||
bottom: -8px;
|
||||
border-top: 8px solid #dee2e6;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.target-preview-popover.position-above::after,
|
||||
.target-list-preview-popover.position-above::after {
|
||||
top: auto;
|
||||
bottom: -6px;
|
||||
border-top: 6px solid #ffffff;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.preview-header {
|
||||
display: flex;
|
||||
@@ -8734,7 +8689,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
.mpr-dropdown-preview__item > i:first-child {
|
||||
flex-shrink: 0;
|
||||
width: 16px;
|
||||
font-size: 14px;
|
||||
font-size: 14px !important;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -8780,15 +8735,11 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
cursor: pointer;
|
||||
text-transform: none;
|
||||
}
|
||||
.mpr-badge--preview .icon-eye {
|
||||
font-size: 10px;
|
||||
.mpr-badge--preview .material-icons {
|
||||
font-size: 12px !important;
|
||||
line-height: 1;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.mpr-badge--preview .material-icons {
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.mpr-badge--preview-primary {
|
||||
background: #25b9d7;
|
||||
@@ -9130,7 +9081,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.schedule-summary .summary-item i {
|
||||
color: #28a745;
|
||||
color: #70b580;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.schedule-summary .summary-item.inactive i {
|
||||
@@ -9165,7 +9116,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
}
|
||||
.schedule-toggle-row .schedule-toggle-actions .material-icons {
|
||||
color: #94a3b8;
|
||||
font-size: 20px;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.schedule-summary-badges {
|
||||
@@ -9189,7 +9140,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.schedule-badge .material-icons {
|
||||
font-size: 14px;
|
||||
font-size: 14px !important;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
@@ -9233,7 +9184,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
.target-conditions-trait .tips-header > i:first-child,
|
||||
.entity-selector-trait .tips-header > i:first-child {
|
||||
font-size: 1rem;
|
||||
color: #ffc107;
|
||||
color: #fab000;
|
||||
}
|
||||
.target-conditions-trait .tips-header > span,
|
||||
.entity-selector-trait .tips-header > span {
|
||||
@@ -10395,7 +10346,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
margin-left: 0.25rem;
|
||||
}
|
||||
.mpr-info-wrapper .material-icons {
|
||||
font-size: 16px;
|
||||
font-size: 16px !important;
|
||||
color: #6c757d;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
@@ -10455,7 +10406,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
transition: background-color 0.15s ease;
|
||||
}
|
||||
.mpr-tooltip-close .material-icons {
|
||||
font-size: 16px;
|
||||
font-size: 16px !important;
|
||||
color: #6c757d;
|
||||
}
|
||||
.mpr-tooltip-close:hover {
|
||||
@@ -10779,7 +10730,7 @@ body > .target-search-dropdown .dropdown-item:not(:last-child) {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.category-tree .tree-badge.inactive {
|
||||
color: #ffc107;
|
||||
color: #fab000;
|
||||
background: #fff3cd;
|
||||
}
|
||||
.category-tree .tree-children {
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user