feat(scheduleRightPanel): improve styling

This commit is contained in:
Johannes Millan 2025-10-16 19:17:03 +02:00
parent 0b496fc309
commit 2e27e8f32f
4 changed files with 10 additions and 4 deletions

View file

@ -7,7 +7,7 @@
>
<schedule-week
#scheduleWeek
[isMinimalHeader]="true"
[isInPanel]="true"
[events]="events()"
[beyondBudget]="[]"
[daysToShow]="daysToShow()"

View file

@ -1,6 +1,6 @@
<header
class="week-header"
[class.minimal]="isMinimalHeader()"
[class.isInPanel]="isInPanel()"
>
<div class="days">
<div class="filler"><!--for time --></div>

View file

@ -88,11 +88,17 @@
color: var(--text-color);
background: var(--bg-lighter);
&.minimal {
&.isInPanel {
//border: 0;
justify-content: center;
border-top: 0;
box-shadow: none;
background: transparent;
border: none;
* {
border: none !important;
}
.filler {
display: none;

View file

@ -66,7 +66,7 @@ export class ScheduleWeekComponent implements OnInit, AfterViewInit, OnDestroy {
private _translateService = inject(TranslateService);
private _defaultLocale = inject(LOCALE_ID);
isMinimalHeader = input<boolean>(false);
isInPanel = input<boolean>(false);
events = input<ScheduleEvent[] | null>([]);
beyondBudget = input<ScheduleEvent[][] | null>([]);
daysToShow = input<string[]>([]);