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

Fix top-widget responsiveness and long values issues

Browse source
This commit is contained in:
Clemente Raposo 2025-01-23 11:43:34 +00:00 • committed by Jack Anderson
parent 0b7dc29d30
commit a9f65b062b
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
core/app/core/src/lib/containers/top-widget/components/statistics-top-widget/statistics-top-widget.component.html
View file

@ -26,15 +26,18 @@
*/
-->
<div *ngIf="(vm$ | async) as vm"
class="d-sm-flex justify-content-center widget-bar rounded">
class="d-sm-flex justify-content-center widget-bar rounded container-fluid p-0">
<div class="p-2 widget-bar-entry-message" *ngIf="this.messageLabelKey">
{{vm.appStrings[this.messageLabelKey] || '' | uppercase}}
</div>
<ng-container *ngIf="!loading()">
<div class="d-flex justify-content-center align-items-center w-100 mt-3 mb-3">
<div class="d-flex h-100 row justify-content-center align-items-center w-100 mt-3 mb-3 mr-0 ml-0">
<ng-container *ngFor="let item of statistics | keyvalue; index as i; last as isLast; count as total">
<div class="d-flex col h-100 flex-column justify-content-start align-items-center widget-bar-entry"
[class.border-right]="total > 1 && i%2 === 0 && !isLast">
<div class="d-flex h-100 flex-column justify-content-start align-items-center widget-bar-entry"
[class.border-right]="total > 1 && i%2 === 0 && !isLast"
[class.col]="total === 1"
[class.col-6]="total >= 2"
[class.mt-3]="total >= 2 && i>2">
<ng-container *ngIf="!shouldHide(vm.statistics[item.key], item.value)">

3
core/app/shell/src/themes/suite8/css/components/_widget-bar.scss
View file

@ -42,6 +42,8 @@
.widget-bar .widget-bar-entry-value {
font-weight: 700;
font-size: 1.3em;
word-break: break-word;
text-align: center;
.skeleton-field-content {
background-color: $dark-midnight-grey;
@ -54,6 +56,7 @@
font-weight: 400;
font-size: 0.8em;
text-align: center;
word-break: break-word;
}
.widget-bar .widget-bar-entry-label:first-child {