fix: calendar view currentDay becomes distorted

totaldebug · Sep 14, 2023 · df5a86f · df5a86f
1 parent 0dc423d
commit df5a86f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -608,8 +608,8 @@ export class AtomicCalendarRevive extends LitElement {
    						style="${dayStyleOtherMonth}${dayStyleSat}${dayStyleSun}${dayStyleClicked} --cal-grid-color: ${this._config
 						.calGridColor}; --cal-day-color: ${this._config.calDayColor}"
    					>
-   						<div class="calDay ${dayClassToday}">
-   							<div style="position: relative; top: 5%;">${day.date.date()}</div>
+   						<div class="calDay">
+   							<div class="${dayClassToday}" style="position: relative; top: 5%;">${day.date.date()}</div>
    							<div>${handleCalendarIcons(day)}</div>
    						</div>
    					</td>

diff --git a/src/style.ts b/src/style.ts
@@ -299,17 +299,16 @@ export const styles: CSSResultGroup = css`
 			margin: auto;
 		}
 
-		.calDay.currentDay {
+		.currentDay {
+			position: relative;
+			width: 20px;
 			height: 20px;
 			background-color: var(--primary-color);
+			color: var(--text-primary-color) !important;
+			text-align: center;
+			line-height: 20px;
 			border-radius: 50%;
 			display: inline-block;
-			text-align: center;
-			white-space: nowrap;
-			width: max-content;
-			min-width: 20px;
-			line-height: 140%;
-			color: var(--text-primary-color) !important;
 		}
 
 		tr.cal {