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

Update record container display for new UI

Browse source
This commit is contained in:
Clemente Raposo 2024-12-05 00:47:06 +00:00 • committed by Jack Anderson
parent fa66ddd453
commit c914da2400
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
core/app/core/src/lib/components/record-content/record-content.component.html
View file

@ -45,7 +45,7 @@
<ng-container *ngFor="let panel of panels; index as i;"> <ng-container *ngFor="let panel of panels; index as i;">
<ng-container *ngIf="(panel.display$ | async) as panelDisplay"> <ng-container *ngIf="(panel.display$ | async) as panelDisplay">
<li class="tab" [ngbNavItem]="i+1" *ngIf="!!panelDisplay"> <li class="tab" [ngbNavItem]="i+1" *ngIf="!!panelDisplay">
<a class="tab-link" ngbNavLink>{{panel.label}}</a> <a class="tab-link d-flex align-items-end" ngbNavLink>{{panel.label}}</a>
<ng-template ngbNavContent> <ng-template ngbNavContent>
<div class="tab-{{panel.key}}"> <div class="tab-{{panel.key}}">
<scrm-field-layout [dataSource]="getLayoutDataSource(panel)"></scrm-field-layout> <scrm-field-layout [dataSource]="getLayoutDataSource(panel)"></scrm-field-layout>

6
core/app/shell/src/themes/suite8/css/layout/_recordview.scss
View file

@ -59,10 +59,14 @@
padding-right: 1.6em; padding-right: 1.6em;
} }
.record-widget-container {
padding-top: 0.2em;
}
@media all and (min-width: $breakpoint-large) { @media all and (min-width: $breakpoint-large) {
.record-view-hr-container { .record-view-hr-container {
font-size: 0.85em; font-size: 0.85em;
padding: 0.4em 1.6em; padding: 0.2em 1.6em 0.3em;
} }
} }