VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make month grid always fit screen

Browse Source
This commit is contained in:
marlon-erler
2024-08-19 18:35:05 -07:00
parent 8a63c6e285
commit f2c0b10681
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.css
Vendored
+5 -3
View File
@@ -487,9 +487,6 @@ body[showing-chat] #chat-page-wrapper {
#chat-page > div > #main > #calendar-page { #chat-page > div > #main > #calendar-page {
flex-direction: column; flex-direction: column;
} }
#chat-page > div > #main > #calendar-page .month-grid-wrapper {
height: unset;
}
#chat-page > div > #main > #calendar-page .grid-pane-wrapper { #chat-page > div > #main > #calendar-page .grid-pane-wrapper {
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
} }
@@ -501,6 +498,7 @@ body[showing-chat] #chat-page-wrapper {
flex-direction: column; flex-direction: column;
gap: var(--gap-between-tiles); gap: var(--gap-between-tiles);
height: 100%; height: 100%;
overflow: hidden;
} }
.month-grid-wrapper .day-labels { .month-grid-wrapper .day-labels {
flex: 0; flex: 0;
@@ -513,8 +511,12 @@ body[showing-chat] #chat-page-wrapper {
grid-template-columns: repeat(7, minmax(0px, 1fr)); grid-template-columns: repeat(7, minmax(0px, 1fr));
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
} }
.month-grid {
overflow: hidden;
}
.month-grid .tile { .month-grid .tile {
animation: slide-up var(--animation-duration); animation: slide-up var(--animation-duration);
overflow: hidden;
} }
.month-grid .tile[today] b { .month-grid .tile[today] b {
color: var(--primary); color: var(--primary);
src/View/ChatPages/calendarPage.css
-4
View File
@@ -68,10 +68,6 @@
flex-direction: column; flex-direction: column;
} }
#chat-page > div > #main > #calendar-page .month-grid-wrapper {
height: unset;
}
#chat-page > div > #main > #calendar-page .grid-pane-wrapper { #chat-page > div > #main > #calendar-page .grid-pane-wrapper {
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
} }
src/View/Components/monthGrid.css
+6
View File
@@ -5,6 +5,7 @@
gap: var(--gap-between-tiles); gap: var(--gap-between-tiles);
height: 100%; height: 100%;
overflow: hidden;
} }
.month-grid-wrapper .day-labels { .month-grid-wrapper .day-labels {
@@ -23,8 +24,13 @@
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
} }
.month-grid {
overflow: hidden;
}
.month-grid .tile { .month-grid .tile {
animation: slide-up var(--animation-duration); animation: slide-up var(--animation-duration);
overflow: hidden;
} }
.month-grid .tile[today] b { .month-grid .tile[today] b {