From 28e1c4304bba071c3d90f24a576520a274f0b8ea Mon Sep 17 00:00:00 2001 From: Alexander Mahr Date: Sat, 15 Feb 2025 21:14:02 +0100 Subject: [PATCH] add calender weeks --- app/assets/index.html | 190 ++++++++++++++++++++++++++---------------- 1 file changed, 118 insertions(+), 72 deletions(-) diff --git a/app/assets/index.html b/app/assets/index.html index 57f8f9a..ce28172 100644 --- a/app/assets/index.html +++ b/app/assets/index.html @@ -30,9 +30,6 @@ body,html{ height: 100% } -.monthview:hover{ - box-shadow: 0 0 20px blue; -} .monthview { background-color:rgba(255,255,255,0.5); border:2px solid rgba(0,0,0,0.5); @@ -45,19 +42,37 @@ body,html{ transition: all 0s ease-in-out; } +.weekview { + background-color:rgba(255,255,255,0.5); + border:2px solid rgba(0,0,0,0.5); + border-radius: 10%; + margin:5px; + min-height: 20vw; + /*margin:5px;*/ +/* scroll-snap-align: center;*/ + overflow:hidden; + transition: all 0s ease-in-out; +} + .label{ background-color:#a44; color:#fff; - font-size:10vw; + font-size:1cm; text-align:center; } -.days{ +.monthview > .days{ display: grid; width: 100%; grid-template-columns: repeat(7, 1fr); } +.weekview > .days{ + display: grid; + width: 100%; + grid-template-columns: repeat(1, 1fr); +} + .days div { text-align:center; height: 2cm; @@ -70,7 +85,8 @@ body,html{ } #weeksDiv{ - background: linear-gradient(white,#aaf); + /*background: linear-gradient(white,#aaf);*/ + background-color: #aaf; position: absolute; top:0; left:100vw; @@ -109,6 +125,16 @@ box-shadow: 0 0 10px grey;