diff --git a/config/services/module/subpanelview/top_buttons.yaml b/config/services/module/subpanelview/top_buttons.yaml index ae56ae3bf..f1578a77a 100644 --- a/config/services/module/subpanelview/top_buttons.yaml +++ b/config/services/module/subpanelview/top_buttons.yaml @@ -22,7 +22,6 @@ parameters: labelKey: LBL_FILTER action: show-filter params: - collapsedMobile: true expanded: true modes: - list diff --git a/core/app/core/src/lib/components/panel/panel.component.html b/core/app/core/src/lib/components/panel/panel.component.html index 443537c98..64b1ca2d7 100644 --- a/core/app/core/src/lib/components/panel/panel.component.html +++ b/core/app/core/src/lib/components/panel/panel.component.html @@ -40,7 +40,7 @@ -
{{title}}
+
{{title}}
diff --git a/core/app/shell/src/themes/suite8/css/components/_minimal-table.scss b/core/app/shell/src/themes/suite8/css/components/_minimal-table.scss index ff8deec4a..74c235cd9 100644 --- a/core/app/shell/src/themes/suite8/css/components/_minimal-table.scss +++ b/core/app/shell/src/themes/suite8/css/components/_minimal-table.scss @@ -211,3 +211,7 @@ } } } + +.sub-panels .minimal-table .card .card-header { + height: 100%; +} diff --git a/core/app/shell/src/themes/suite8/css/components/_subpanel.scss b/core/app/shell/src/themes/suite8/css/components/_subpanel.scss index ca795b5b5..1e12bc291 100644 --- a/core/app/shell/src/themes/suite8/css/components/_subpanel.scss +++ b/core/app/shell/src/themes/suite8/css/components/_subpanel.scss @@ -47,6 +47,19 @@ margin-top: 0.625rem; } + +@media (max-width: 480px) { + .sub-panel .panel-buttons button.btn-outline-light { + scrm-label { + display: none; + } + + scrm-image { + display: flex!important; + } + } +} + .sub-panel .panel-buttons button.btn-outline-light { scrm-image { display: none; diff --git a/core/app/shell/src/themes/suite8/css/layout/_panel.scss b/core/app/shell/src/themes/suite8/css/layout/_panel.scss index 5b34fa471..88802d3d7 100644 --- a/core/app/shell/src/themes/suite8/css/layout/_panel.scss +++ b/core/app/shell/src/themes/suite8/css/layout/_panel.scss @@ -50,6 +50,7 @@ .panel-title { font-size: .875rem; + max-width: 445px; } .panel-buttons button { @@ -63,3 +64,23 @@ max-width: 200px; } } + +@media (max-width: 480px) { + .panel-card .panel-title { + max-width: 95px; + } +} + +@media (min-width: 480px) and (max-width: 576px) { + .panel-card .panel-title { + max-width: 150px; + } +} + +@media (min-width: 576px) and (max-width: 768px) { + .panel-card .panel-title { + max-width: 245px; + } +} + +