#58071: HxCalendar - disabled dates by měly být zřetelně vidět (+ wee…

…kend?)
havit · Nov 3, 2021 · 592155c · 592155c
1 parent 62df41f
commit 592155c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/Havit.Blazor.Components.Web.Bootstrap/Calendar/HxCalendar.razor b/Havit.Blazor.Components.Web.Bootstrap/Calendar/HxCalendar.razor
@@ -1,6 +1,6 @@
 @namespace Havit.Blazor.Components.Web.Bootstrap
 
-<div class="calendar">
+<div class="hx-calendar">
 	@if (renderData != null)
 	{
 		<div class="navigation mb-3">

diff --git a/Havit.Blazor.Components.Web.Bootstrap/Calendar/HxCalendar.razor.css b/Havit.Blazor.Components.Web.Bootstrap/Calendar/HxCalendar.razor.css
@@ -1,4 +1,4 @@
-.calendar {
+.hx-calendar {
     display: inline-flex;
     flex-direction: column;
 }
@@ -68,6 +68,11 @@ td > div {
     color: var(--hx-calendar-day-in-color);
 }
 
+.disabled {
+    opacity: var(--hx-calendar-day-disabled-opacity);
+    text-decoration: var(--hx-calendar-day-disabled-text-decoration);
+}
+
 td[role="button"]:hover .selected.in, 
 td[role="button"] .selected.in, 
 td[role="button"]:hover .selected.out, 

diff --git a/Havit.Blazor.Components.Web.Bootstrap/wwwroot/defaults.css b/Havit.Blazor.Components.Web.Bootstrap/wwwroot/defaults.css
@@ -59,6 +59,8 @@
 	--hx-calendar-day-selected-border: 					1px solid var(--bs-primary);
 	--hx-calendar-day-out-color: 						var(--bs-gray-500);
 	--hx-calendar-day-in-color: 						unset;
+	--hx-calendar-day-disabled-opacity: 				.5;
+	--hx-calendar-day-disabled-text-decoration: 		line-through;
 	--hx-calendar-day-names-color: 						unset;
 	--hx-calendar-day-names-font-weight: 				700;
 	--hx-calendar-navigation-button-hover-background: 	var(--bs-gray-200);