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

add navigation for calendar

Browse Source
This commit is contained in:
marlon-erler
2024-07-18 17:42:41 +02:00
parent 4e068a8666
commit 788159ffff
10 changed files with 217 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.css
Vendored
+46 -7
View File
@@ -43,13 +43,11 @@
left: unset;
width: var(--split-thread-width);
}
@media (max-width: 1300px) {
main:has([showingobjects][chatopen]) {
display: flex;
}
main:has([showingobjects][chatopen]) #settings-tab {
display: none;
}
main:has([showingobjects][chatopen]) {
display: flex;
}
main:has([showingobjects][chatopen]) #settings-tab {
display: none;
}
@media (max-width: 640px) {
[showingobjects][chatvisible][chatopen] .chat-object-view {
@@ -69,3 +67,44 @@
width: 100%;
}
}
:root {
--day-view-width: 400px;
}
.calendar-wrapper {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.calendar-wrapper .month-grid {
border-bottom: 1px solid var(--border);
}
.calendar-wrapper > * {
width: 100%;
height: 100%;
flex: 1;
}
@media (min-width: 900px) {
.calendar-wrapper:not([chatvisible] *) {
flex-direction: row;
}
.calendar-wrapper:not([chatvisible] *) .month-grid {
border-bottom: none;
border-right: 1px solid var(--border);
}
.calendar-wrapper:not([chatvisible] *) .day-view {
max-width: var(--day-view-width);
}
}
@media (min-width: 1200px) {
.calendar-wrapper {
flex-direction: row;
}
.calendar-wrapper .month-grid {
border-bottom: none;
border-right: 1px solid var(--border);
}
.calendar-wrapper .day-view {
max-width: var(--day-view-width);
}
}