SuiteCRM/SuiteCRM-Core
2
0
Fork 0
mirror of https://github.com/SuiteCRM/SuiteCRM-Core.git synced 2025-09-01 08:00:47 +08:00
Code Issues Projects Packages Activity Actions

Fix filter button overlapping on mobile

Browse source
This commit is contained in:
Jack Anderson 2025-01-21 07:36:41 +00:00
parent 782d5cf57c
commit 838339c529
5 changed files with 39 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
core/app/core/src/lib/components/panel/panel.component.html
View file

@ -40,7 +40,7 @@
<ng-content select="[panel-icon-area]"></ng-content>
</div>
<div *ngIf="title" class="pl-1 panel-title d-flex align-items-center"><div class="lh-100">{{title}}</div></div>
<div *ngIf="title" class="pl-1 panel-title d-inline-block align-items-center"><div class="lh-100">{{title}}</div></div>
<div *ngIf="titleKey" class="pl-1 panel-title">
<scrm-label [labelKey]="titleKey"></scrm-label>
</div>

4
core/app/shell/src/themes/suite8/css/components/_minimal-table.scss
View file

@ -211,3 +211,7 @@
}
}
}
.sub-panels .minimal-table .card .card-header {
height: 100%;
}

13
core/app/shell/src/themes/suite8/css/components/_subpanel.scss
View file

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

21
core/app/shell/src/themes/suite8/css/layout/_panel.scss
View file

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