mirror of
https://github.com/johannesjo/super-productivity.git
synced 2026-08-03 13:02:26 +00:00
feat(scheduleRightPanel): improve styling
This commit is contained in:
parent
0b496fc309
commit
2e27e8f32f
4 changed files with 10 additions and 4 deletions
|
|
@ -7,7 +7,7 @@
|
|||
>
|
||||
<schedule-week
|
||||
#scheduleWeek
|
||||
[isMinimalHeader]="true"
|
||||
[isInPanel]="true"
|
||||
[events]="events()"
|
||||
[beyondBudget]="[]"
|
||||
[daysToShow]="daysToShow()"
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<header
|
||||
class="week-header"
|
||||
[class.minimal]="isMinimalHeader()"
|
||||
[class.isInPanel]="isInPanel()"
|
||||
>
|
||||
<div class="days">
|
||||
<div class="filler"><!--for time --></div>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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[]>([]);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue