From 669da8e0b28f6671a33d5a19377a5fe6e575cfcf Mon Sep 17 00:00:00 2001 From: callumalpass Date: Thu, 20 Nov 2025 21:01:37 +1100 Subject: [PATCH] Refactor: Further simplify CSS styling - Remove unused action-button and content-type-buttons style blocks - Remove unnecessary will-change properties (performance optimization) - Simplify box-shadow: 0 0 0 0 transparent to box-shadow: none - Remove empty style blocks with placeholder comments Reduces CSS from 18,370 to 18,326 lines. --- styles/agenda-view.css | 8 -------- styles/calendar-view.css | 9 --------- styles/modal-bem.css | 24 ------------------------ styles/note-card-bem.css | 2 -- styles/task-card-bem.css | 11 +++++------ 5 files changed, 5 insertions(+), 49 deletions(-) diff --git a/styles/agenda-view.css b/styles/agenda-view.css index add5693f..5fd74d9b 100644 --- a/styles/agenda-view.css +++ b/styles/agenda-view.css @@ -82,14 +82,6 @@ opacity: 0.8; } -.tasknotes-plugin .agenda-view__nav-button--prev { - /* Specific styling for previous button if needed */ -} - -.tasknotes-plugin .agenda-view__nav-button--next { - /* Specific styling for next button if needed */ -} - /* Filter Bar Container */ .tasknotes-plugin .agenda-view__filter-container { margin-bottom: var(--tn-spacing-md); diff --git a/styles/calendar-view.css b/styles/calendar-view.css index 604f09d1..44039852 100644 --- a/styles/calendar-view.css +++ b/styles/calendar-view.css @@ -99,15 +99,6 @@ background: transparent; } -.tasknotes-plugin .calendar-view__nav-button--prev, -.tasknotes-plugin .mini-calendar-view__nav-button--prev { - /* Specific styling for previous button if needed */ -} - -.tasknotes-plugin .calendar-view__nav-button--next, -.tasknotes-plugin .mini-calendar-view__nav-button--next { - /* Specific styling for next button if needed */ -} /* Use consistent button system */ .tasknotes-plugin .calendar-view__today-button, diff --git a/styles/modal-bem.css b/styles/modal-bem.css index 651235a4..a39efa5a 100644 --- a/styles/modal-bem.css +++ b/styles/modal-bem.css @@ -1103,30 +1103,6 @@ gap: var(--size-4-2); } -/* Use consistent button system */ -.tasknotes-plugin .action-button { - /* Remove individual styles - use tn-btn classes */ -} - -.tasknotes-plugin .action-button .button-icon { - opacity: 0.7; -} - -.tasknotes-plugin .content-type-buttons button { - /* Remove individual styles - use tn-btn classes */ -} - -.tasknotes-plugin .action-button.primary-button { - /* Remove individual styles - use tn-btn tn-btn--primary classes */ -} - -.tasknotes-plugin .action-button.secondary-button { - /* Remove individual styles - use tn-btn tn-btn--secondary classes */ -} - -.tasknotes-plugin .action-button.secondary-button:hover { - background: var(--background-modifier-hover); -} .tasknotes-plugin .close-button-container { display: flex; diff --git a/styles/note-card-bem.css b/styles/note-card-bem.css index 8e3a759a..3234b69d 100644 --- a/styles/note-card-bem.css +++ b/styles/note-card-bem.css @@ -24,7 +24,6 @@ /* Interactions & Accessibility - Simplified */ cursor: var(--cursor); transition: background-color var(--tn-transition-fast); - will-change: background-color; outline: none; role: listitem; tabindex: 0; @@ -285,7 +284,6 @@ border-radius: 0; cursor: var(--cursor); transition: background-color var(--tn-transition-fast); - will-change: background-color; } .tasknotes-plugin .tn-card:hover { diff --git a/styles/task-card-bem.css b/styles/task-card-bem.css index 650e8e5c..3d7f26ba 100644 --- a/styles/task-card-bem.css +++ b/styles/task-card-bem.css @@ -19,12 +19,11 @@ background-color: transparent; border: none; border-radius: var(--tn-radius-xs); - box-shadow: 0 0 0 0 transparent; + box-shadow: none; /* Interactions & Accessibility - Smooth transitions */ cursor: var(--cursor); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); - will-change: background-color, box-shadow, transform; outline: none; role: listitem; tabindex: 0; @@ -266,7 +265,7 @@ align-self: center; cursor: var(--cursor); position: relative; - box-shadow: 0 0 0 0 transparent; + box-shadow: none; } .tasknotes-plugin .task-card__status-dot:hover { @@ -279,7 +278,7 @@ .tasknotes-plugin .task-card--completed > .task-card__main-row .task-card__status-dot { background-color: var(--current-status-color, var(--tn-color-success)); border-color: var(--current-status-color, var(--tn-color-success)); - box-shadow: 0 0 0 0 transparent; + box-shadow: none; position: relative; } @@ -299,7 +298,7 @@ } 100% { transform: scale(1); - box-shadow: 0 0 0 0 transparent; + box-shadow: none; } } @@ -656,7 +655,7 @@ /* Enhanced priority dot hover for context menu */ .tasknotes-plugin .task-card__priority-dot { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); - box-shadow: 0 0 0 0 transparent; + box-shadow: none; } .tasknotes-plugin .task-card__priority-dot:hover {