myprestarocks
c6fd5cee13
- Unified _setBadgeCount for ALL badge updates - target-conditions-trait → entity-selector-trait - target-* → es-* class rename (20+ classes) - SCSS recompiled: zero duplicate selectors - CSS transitions replace jQuery slideDown/slideUp - Serialize cache, method swap cache - Badge: no-matches gray, consistent hover, no blending - Inline condition count always visible - Preview popover refreshes in-place on sort change - Categories add chips immediately - Entity type icons on chips - Consistent info_outline icons via buildHelpIcon - Method dropdown text clipping fix (line-height) - mpr-input-compact on all inputs - Dropdown padding fixed in SCSS source - Chips wrapper: same container always - Reusable helpers: _buildEmptyState, _buildSearchBoxHtml, _buildInfoTooltip - Asset path: uses $this->module->getPathUri() not reflection - Debug logs removed Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
61 lines
1.2 KiB
SCSS
61 lines
1.2 KiB
SCSS
/**
|
|
* Responsive Styles
|
|
* Media query adjustments for different screen sizes
|
|
*/
|
|
|
|
@use '../variables' as *;
|
|
|
|
// Tablet and below
|
|
@media (max-width: 991px) {
|
|
.entity-selector-trait {
|
|
.condition-trait-header {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: $es-spacing-sm;
|
|
}
|
|
|
|
.trait-header-right {
|
|
width: 100%;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.es-block-tabs {
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Mobile
|
|
@media (max-width: 767px) {
|
|
.entity-selector-trait {
|
|
.es-block-tab {
|
|
padding: $es-spacing-sm;
|
|
font-size: $es-font-size-xs;
|
|
}
|
|
|
|
.es-group-header {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.es-search-dropdown {
|
|
width: 100% !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
}
|
|
|
|
.dropdown-results-grid {
|
|
grid-template-columns: 1fr !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// High-resolution displays
|
|
@media (min-width: 1600px) {
|
|
.entity-selector-trait {
|
|
.dropdown-results-grid.view-grid-3 {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
}
|
|
}
|