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

Make subpanel container buttons have consistent size

Browse source
This commit is contained in:
Clemente Raposo 2024-12-11 01:00:40 +00:00 • committed by Jack Anderson
parent f124b9a084
commit 06d915fcb7
2 changed files with 19 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

18
core/app/core/src/lib/containers/subpanel/components/subpanel-container/subpanel-container.component.html
View file

@ -25,7 +25,7 @@
* the words "Supercharged by SuiteCRM".
*/
-->
<div *ngIf="bodySubpanels()?.length" class="card border shadow-sm">
<div class="card border shadow-sm" *ngIf="bodySubpanels()?.length">
<div ngbAccordion class="sub-panel-banner" #accordion="ngbAccordion" activeIds="sub-panel-buttons">
<div ngbAccordionItem id="sub-panel-buttons" class="card" [collapsed]="isCollapsed()">
<div ngbAccordionHeader class="card-header">
@ -79,16 +79,18 @@
<div ngbAccordionCollapse>
<div ngbAccordionBody>
<ng-template>
<div id="collapseShowSubPanels" class="sub-panel-banner-body d-flex align-items-center justify-content-center border-bottom border-top pt-2 pb-3 ml-2 mr-2">
<div id="collapseShowSubPanels" class="sub-panel-banner-body d-flex align-items-center justify-content-center border-bottom border-top pt-2 pb-3 ml-2 mr-2 mb-2">
<table class="sub-panel-banner-body-table">
<tr class="insight-panel sub-panel-banner-body-table-row" *ngFor="let subpanelRow of bodySubpanels()">
<td *ngFor="let subpanelKey of subpanelRow" class="sub-panel-banner-body-table-col">
<div class="insight-panel-card border-insight pl-2 pr-2"
[ngClass]="{'sub-panel-banner-button-active': subpanels[subpanelKey].show === true}"
(click)="showSubpanel(subpanels[subpanelKey].metadata.name, subpanels[subpanelKey])">
<scrm-grid-widget
[config]="getGridConfig(subpanels[subpanelKey])"></scrm-grid-widget>
</div>
<ng-container *ngIf="subpanelKey">
<div class="insight-panel-card border-insight pl-2 pr-2"
[ngClass]="{'sub-panel-banner-button-active': subpanels[subpanelKey].show === true}"
(click)="showSubpanel(subpanels[subpanelKey].metadata.name, subpanels[subpanelKey])">
<scrm-grid-widget
[config]="getGridConfig(subpanels[subpanelKey])"></scrm-grid-widget>
</div>
</ng-container>
</td>
</tr>
</table>

9
core/app/core/src/lib/containers/subpanel/components/subpanel-container/subpanel-container.component.ts
View file

@ -151,6 +151,15 @@ export class SubpanelContainerComponent implements OnInit, OnDestroy {
}
});
if(count < this.subpanelButtonBreakpoint() && groups.length > 0) {
const lastGroup = groups[groups.length - 1];
const diff = this.subpanelButtonBreakpoint() - lastGroup.length;
for (let i = 0; i < diff; i++) {
lastGroup.push('');
}
groups[groups.length - 1] = lastGroup;
}
return groups;
});