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 @@
-
+
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;
+ }
+}
+
+