improve weekly view with smartphone view

tossnet · Nov 30, 2023 · 2be0c93 · 2be0c93
1 parent 4099b98
commit 2be0c93
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/BlazorCalendar/BlazorCalendar.csproj b/BlazorCalendar/BlazorCalendar.csproj
@@ -5,15 +5,15 @@
 		<Nullable>enable</Nullable>
 		<ImplicitUsings>enable</ImplicitUsings>
 		<GeneratePackageOnBuild>True</GeneratePackageOnBuild>
-		<Description>annual calendar for Blazor application</Description>
+		<Description>Yearly, monthly and weekly calendar Blazor Component. For use with .NET 6.0 or higher Blazor applications</Description>
 		<Copyright>Copyright 2023</Copyright>
 		<PackageProjectUrl>https://github.com/tossnet/Blazor-Calendar</PackageProjectUrl>
 		<PackageIcon>icon.png</PackageIcon>
 		<RepositoryUrl>https://github.com/tossnet/Blazor-Calendar</RepositoryUrl>
 		<RepositoryType>git</RepositoryType>
 		<PackageTags>blazor, calendar, schedule, component</PackageTags>
 		<PackageReleaseNotes>https://github.com/tossnet/Blazor-Calendar#release-notes</PackageReleaseNotes>
-		<Version>2.6.6</Version>
+		<Version>2.6.7</Version>
 		<Authors>Christophe Peugnet</Authors>
 		<DebugType>embedded</DebugType>
 	</PropertyGroup>

diff --git a/BlazorCalendar/WeekView.razor.css b/BlazorCalendar/WeekView.razor.css
@@ -31,4 +31,18 @@
     text-align: center;
     font-size: 0.8em;
     font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+@media only screen and (max-width: 587px) {
+
+    .day-cellule {
+        font-size: 0.6em;
+        padding-left: 0.3em;
+    }
+
+    .header-name {
+        line-height:3vh;
+    }
 }