Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
Janus C. H. Knudsen 2026-01-14 23:36:30 +01:00
parent 3214cbdc16
commit 0c40bbe780
2 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
PlanTempus.Application/Features/Employees/Components/EmployeeWorkSchedule/Default.cshtml
View file

@ -38,7 +38,8 @@
</swp-schedule-actions> </swp-schedule-actions>
<!-- Schedule table --> <!-- Schedule table -->
<swp-schedule-table id="scheduleTable"> <swp-schedule-scroll>
<swp-schedule-table id="scheduleTable">
<!-- Header row --> <!-- Header row -->
<swp-schedule-cell class="header week-number">@Model.LabelWeek @Model.WeekNumber</swp-schedule-cell> <swp-schedule-cell class="header week-number">@Model.LabelWeek @Model.WeekNumber</swp-schedule-cell>
@foreach (var day in Model.Days) @foreach (var day in Model.Days)
@ -70,7 +71,8 @@
</swp-schedule-cell> </swp-schedule-cell>
} }
} }
</swp-schedule-table> </swp-schedule-table>
</swp-schedule-scroll>
</swp-schedule-container> </swp-schedule-container>
<!-- Schedule Drawer --> <!-- Schedule Drawer -->

11
PlanTempus.Application/wwwroot/css/employees.css
View file

@ -879,12 +879,23 @@ swp-data-row.focus-highlight {
} }
} }
/* ===========================================
SCHEDULE SCROLL CONTAINER
=========================================== */
swp-schedule-scroll {
display: block;
width: 800px;
margin: 0 auto;
overflow-x: auto;
}
/* =========================================== /* ===========================================
WORK SCHEDULE TABLE WORK SCHEDULE TABLE
=========================================== */ =========================================== */
swp-schedule-table { swp-schedule-table {
display: grid; display: grid;
grid-template-columns: 180px repeat(7, minmax(100px, 1fr)); grid-template-columns: 180px repeat(7, minmax(100px, 1fr));
width: max-content;
border-radius: var(--radius-md); border-radius: var(--radius-md);
overflow: hidden; overflow: hidden;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);