From 11a2ded45c7d3410d0665476bf8f5d5a3e6fd5ae Mon Sep 17 00:00:00 2001
From: SebastianKrupinski <krupinskis05@gmail.com>
Date: Wed, 23 Sep 2026 11:34:33 -0400
Subject: [PATCH] refactor: remove dead css code

Signed-off-by: SebastianKrupinski <krupinskis05@gmail.com>
---
 .../CheckedDurationSelect.vue                 |  10 --
 .../AppointmentBookingConfirmation.vue        |   4 -
 .../Appointments/AppointmentDetails.vue       |  29 ----
 .../Editor/Attachments/AttachmentsList.vue    |   7 -
 .../Editor/FreeBusy/RoomAvailabilityList.vue  |  55 +-------
 .../Editor/FreeBusy/RoomAvailabilityModal.vue |  25 ----
 .../Properties/PropertyTitleTimePicker.vue    |   6 -
 .../Proposal/ProposalParticipantItem.vue      |   4 -
 src/components/Shared/CalendarPicker.vue      |  16 ---
 src/styles/app-full.scss                      |  51 +------
 src/styles/app-modal.scss                     |   8 +-
 src/styles/app-navigation.scss                | 126 ------------------
 src/styles/app-settings.scss                  |  17 ---
 src/styles/freebusy.scss                      |  36 -----
 src/styles/fullcalendar.scss                  |   1 -
 src/views/Appointments/Booking.vue            |   8 --
 src/views/Proposal/ProposalEditor.vue         |   8 --
 src/views/Proposal/ProposalPublic.vue         |  11 --
 18 files changed, 5 insertions(+), 417 deletions(-)

diff --git a/src/components/AppointmentConfigModal/CheckedDurationSelect.vue b/src/components/AppointmentConfigModal/CheckedDurationSelect.vue
index 6b3bb11e71..696273af6a 100644
--- a/src/components/AppointmentConfigModal/CheckedDurationSelect.vue
+++ b/src/components/AppointmentConfigModal/CheckedDurationSelect.vue
@@ -73,16 +73,6 @@ const durationSelection = computed<number>({
 		display: flex;
 		align-items: center;
 
-		&__input-wrapper {
-			flex: 0 0 calc(var(--default-grid-baseline) * 4);
-
-			input[type=checkbox] {
-				margin: 0;
-				min-height: unset;
-				cursor: pointer;
-			}
-		}
-
 		input, label {
 			display: block;
 		}
diff --git a/src/components/Appointments/AppointmentBookingConfirmation.vue b/src/components/Appointments/AppointmentBookingConfirmation.vue
index eeebc85afe..7c3a30aed2 100644
--- a/src/components/Appointments/AppointmentBookingConfirmation.vue
+++ b/src/components/Appointments/AppointmentBookingConfirmation.vue
@@ -26,9 +26,5 @@ import EmailIcon from 'vue-material-design-icons/EmailOutline.vue'
 		margin-bottom: 20px;
 		margin-top: 0;
 	}
-
-	&__desc {
-		text-align: center;
-	}
 }
 </style>
diff --git a/src/components/Appointments/AppointmentDetails.vue b/src/components/Appointments/AppointmentDetails.vue
index 8e8fccca6d..715dc21311 100644
--- a/src/components/Appointments/AppointmentDetails.vue
+++ b/src/components/Appointments/AppointmentDetails.vue
@@ -205,10 +205,6 @@ h3 {
 	margin-inline-end:5px
 }
 
-.booking-error {
-	color: var(--color-error);
-}
-
 .booking__description,
 .name-details,
 .email-details {
@@ -226,29 +222,4 @@ h3 {
 		margin: 0;
 	}
 }
-
-.add-guest {
-	display: block;
-	color: var(--color-primary-element);
-	background-color: transparent;
-}
-
-.meeting-text {
-	display: grid;
-	align-items: center;
-
-	textarea {
-		display: block;
-		resize: vertical;
-		grid-area: 1 / 1;
-		width: 100%;
-		margin: 3px 3px 3px 0;
-		padding: 7px 6px;
-		color: var(--color-main-text);
-		border: 1px solid var(--color-border-dark);
-		border-radius: var(--border-radius);
-		background-color: var(--color-main-background);
-		cursor: text;
-	}
-}
 </style>
diff --git a/src/components/Editor/Attachments/AttachmentsList.vue b/src/components/Editor/Attachments/AttachmentsList.vue
index 1ea0858cb5..1d49e52b91 100644
--- a/src/components/Editor/Attachments/AttachmentsList.vue
+++ b/src/components/Editor/Attachments/AttachmentsList.vue
@@ -360,18 +360,11 @@ export default {
 		:deep(.list-item) {
 			padding: 0 8px;
 		}
-		:deep(.list-item-content__wrapper) {
-			height: 44px;
-		}
 
 		:deep(.list-item-content) {
 			// Align text with other properties
 			padding-inline-start: 18px;
 		}
-
-		:deep(.line-one__title) {
-			font-weight: unset;
-		}
 	}
 }
 
diff --git a/src/components/Editor/FreeBusy/RoomAvailabilityList.vue b/src/components/Editor/FreeBusy/RoomAvailabilityList.vue
index b50d77542a..322787431b 100644
--- a/src/components/Editor/FreeBusy/RoomAvailabilityList.vue
+++ b/src/components/Editor/FreeBusy/RoomAvailabilityList.vue
@@ -123,58 +123,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.icon-close {
-	display: block;
-	height: 100%;
-}
-
-.modal__content {
-	padding: 50px;
-	//when the calendar is open, it's cut at the bottom, adding a margin fixes it
-	margin-bottom: 95px;
-	&__actions{
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-bottom: 20px;
-		&__select{
-			width: 260px;
-		}
-		&__date{
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			& > *{
-				margin-inline-start: 5px;
-			}
-		}
-	}
-	&__header {
-		padding: 20px;
-		margin-bottom: 20px;
-		h3{
-			font-weight: 500;
-		}
-		&__attendees{
-			&__user-bubble{
-				margin-inline-end: 5px;
-			}
-		}
-	}
-	&__footer{
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-top: 20px;
-		&__title{
-			h3{
-				font-weight: 500;
-			}
-			&__timezone{
-				color: var(--color-text-lighter);
-			}
-		}
-	}
+.modal__content__header {
+	padding: 20px;
+	margin-bottom: 20px;
 }
 
 :deep(.vs__search ) {
diff --git a/src/components/Editor/FreeBusy/RoomAvailabilityModal.vue b/src/components/Editor/FreeBusy/RoomAvailabilityModal.vue
index 383049e338..be6c7ddaa0 100644
--- a/src/components/Editor/FreeBusy/RoomAvailabilityModal.vue
+++ b/src/components/Editor/FreeBusy/RoomAvailabilityModal.vue
@@ -319,11 +319,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.icon-close {
-	display: block;
-	height: 100%;
-}
-
 .modal__content {
 	padding: 15px;
 	//when the calendar is open, it's cut at the bottom, adding a margin fixes it
@@ -333,9 +328,6 @@ export default {
 		justify-content: space-between;
 		align-items: center;
 		margin-bottom: 20px;
-		&__select{
-			width: 260px;
-		}
 		&__date{
 			display: flex;
 			justify-content: space-between;
@@ -347,23 +339,6 @@ export default {
 	}
 	&__header{
 		margin-bottom: 20px;
-		h3{
-			font-weight: 500;
-		}
-	}
-	&__footer{
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-top: 20px;
-		&__title{
-			h3{
-				font-weight: 500;
-			}
-			&__timezone{
-				color: var(--color-text-lighter);
-			}
-		}
 	}
 }
 
diff --git a/src/components/Editor/Properties/PropertyTitleTimePicker.vue b/src/components/Editor/Properties/PropertyTitleTimePicker.vue
index c86d032a27..d1444c4c83 100644
--- a/src/components/Editor/Properties/PropertyTitleTimePicker.vue
+++ b/src/components/Editor/Properties/PropertyTitleTimePicker.vue
@@ -521,12 +521,6 @@ export default {
 	}
 }
 
-.property-title-time-picker__button {
-	display: flex;
-	gap: var(--default-grid-baseline);
-	font-weight: normal;
-}
-
 :deep(button.vs__open-indicator-button) {
 	padding: 0 !important;
 }
diff --git a/src/components/Proposal/ProposalParticipantItem.vue b/src/components/Proposal/ProposalParticipantItem.vue
index b6301f61db..94785dd23a 100644
--- a/src/components/Proposal/ProposalParticipantItem.vue
+++ b/src/components/Proposal/ProposalParticipantItem.vue
@@ -93,10 +93,6 @@ function onParticipantAttendance(): void {
 	}
 }
 
-.proposal-participant__status {
-	flex-shrink: 0;
-}
-
 .proposal-participant__avatar {
 	flex-shrink: 0;
 }
diff --git a/src/components/Shared/CalendarPicker.vue b/src/components/Shared/CalendarPicker.vue
index 065b12f6d0..45e54cd9c2 100644
--- a/src/components/Shared/CalendarPicker.vue
+++ b/src/components/Shared/CalendarPicker.vue
@@ -211,22 +211,6 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-:deep(.multiselect__tags) {
-	margin: 3px 0;
-}
-
-.calendar-picker__tag {
-	border: 1px solid var(--color-border);
-	border-radius: var(--border-radius);
-	padding: 0 5px;
-}
-
-.calendar-picker__tag + .calendar-picker__tag {
-	margin-inline-start: 5px;
-}
-</style>
-
 <style lang="scss">
 .vs__search {
 	// Prevent search from collapsing the actual picked option
diff --git a/src/styles/app-full.scss b/src/styles/app-full.scss
index a04c079d7a..15e7b5fc1a 100644
--- a/src/styles/app-full.scss
+++ b/src/styles/app-full.scss
@@ -10,12 +10,6 @@
 	flex-grow: 1;
 	align-items: flex-start;
 
-	&-wrapper {
-		display: flex;
-		gap: calc(var(--default-grid-baseline) * 4);
-		justify-content: stretch;
-	}
-
 	.property-text__input, textarea, input {
 		width: 100%;
 		flex-basis: unset !important;
@@ -67,7 +61,7 @@
 	min-height: var(--default-clickable-area);
 }
 
-.property-select-multiple, .property-color, .property-repeat__summary {
+.property-select-multiple, .property-color {
 	&__input {
 		width: unset !important;
 		flex-grow: 1;
@@ -180,34 +174,10 @@
 	}
 }
 
-.editor-reminders-list-empty-message__caption {
-	text-align: center;
-	margin: 0 0 calc(var(--default-grid-baseline) * 4);
-}
-
 .repeat-option-set {
 	flex-wrap: nowrap;
 	align-items: baseline;
 
-	.repeat-option-set__repeat {
-		flex-wrap: nowrap;
-		gap: calc(var(--default-grid-baseline) * 2);
-	}
-	.repeat-option-set__repeat-field {
-		flex: 1 1 150px;
-		min-width: 150px;
-	}
-	.repeat-option-set__end-repeat {
-		display: flex;
-		flex-wrap: wrap;
-		align-items: center;
-		gap: calc(var(--default-grid-baseline) * 2);
-
-		.repeat-option-set__end-repeat-field {
-			flex: 1 1 150px;
-			min-width: 350px;
-		}
-	}
 	.repeat-option-set-section {
 		&:not(:first-of-type) {
 			margin-top: 10px;
@@ -263,20 +233,11 @@
 
 	&--interval-freq {
 		display: flex;
-
-		.multiselect {
-			min-width: 100px;
-			width: 25%;
-		}
 	}
 
 	&--end {
 		margin-top: calc(var(--default-grid-baseline) * 2);
 		.repeat-option-end {
-			width: 100%;
-			display: flex;
-			flex-wrap: wrap;
-			align-items: center;
 			&__label,
 			&__end-type-select,
 			&__until,
@@ -306,16 +267,6 @@
 			}
 		}
 	}
-	.end-repeat-container .end-repeat-dropdown,
-	.end-repeat-container .end-repeat-date {
-		flex: 0 1 auto;
-		min-width: 150px;
-		width: auto;
-	}
-
-	&__label {
-		margin-inline-end: auto;
-	}
 }
 
 .repeat-option-warning {
diff --git a/src/styles/app-modal.scss b/src/styles/app-modal.scss
index b3ea258679..3b75e2bda4 100644
--- a/src/styles/app-modal.scss
+++ b/src/styles/app-modal.scss
@@ -31,7 +31,7 @@
 			}
 		}
 
-		.availability-select, .calendar-select, .visibility-select, .duration-select {
+		.calendar-select, .visibility-select, .duration-select {
 			display: flex;
 			flex-direction: column;
 		}
@@ -58,12 +58,6 @@
 		&__row + &__row {
 			margin-top: calc(var(--default-grid-baseline) * 2);
 		}
-
-		// Fix calendar picker styling
-		.multiselect__tags {
-			height: unset !important;
-			margin: 0 !important;
-		}
 	}
 
 	&__submit-button {
diff --git a/src/styles/app-navigation.scss b/src/styles/app-navigation.scss
index 9dd6c0aae8..934dc329c9 100644
--- a/src/styles/app-navigation.scss
+++ b/src/styles/app-navigation.scss
@@ -65,27 +65,6 @@
 	}
 
 	.app-navigation {
-		button.icon-share {
-			opacity: 0.3 !important;
-		}
-
-		button.icon-shared,
-		button.icon-public {
-			opacity: 0.7 !important;
-		}
-
-		button.icon-share:active,
-		button.icon-share:focus,
-		button.icon-share:hover,
-		button.icon-shared:active,
-		button.icon-shared:focus,
-		button.icon-shared:hover,
-		button.icon-public:active,
-		button.icon-public:focus,
-		button.icon-public:hover {
-			opacity: 1 !important;
-		}
-
 		#calendars-list {
 			display: block !important;
 		}
@@ -102,12 +81,6 @@
 			}
 		}
 
-		.app-navigation-entry-wrapper.open-sharing {
-			box-shadow: inset 4px 0 var(--color-primary-element) !important;
-			margin-inline-start: -6px;
-			padding-inline-start: 6px;
-		}
-
 		.app-navigation-entry-wrapper.disabled {
 			.app-navigation-entry__name {
 				color: var(--color-text-lighter) !important;
@@ -130,29 +103,6 @@
 			}
 		}
 
-		.app-navigation-entry__multiselect {
-			padding: 0 8px;
-
-			.multiselect {
-				width: 100%;
-				border-radius: var(--border-radius-large);
-
-				&__content-wrapper {
-					z-index: 200 !important;
-				}
-			}
-		}
-
-		.app-navigation-entry__utils {
-			.action-checkbox__label {
-				padding-inline-end: 0 !important;
-			}
-
-			.action-checkbox__label::before {
-				margin: 0 4px 0 !important;
-			}
-		}
-
 		.app-navigation-entry-new-calendar {
 			.app-navigation-entry__name {
 				color: var(--color-text-maxcontrast) !important;
@@ -175,82 +125,6 @@
 
 
 		ul {
-
-			// Calendar list items / Subscription list items
-			> li.app-navigation-entry-wrapper {
-
-				div.sharing-section {
-					//box-shadow: inset 4px 0 var(--color-primary-element);
-					//padding-left: 12px;
-					//padding-right: 12px;
-					//width: 100%;
-
-					div.multiselect {
-						width: calc(100% - 14px);
-						max-width: none;
-						z-index: 105;
-					}
-
-					.oneline {
-						white-space: nowrap;
-						position: relative;
-					}
-
-					.shareWithList {
-						list-style-type: none;
-						display: flex;
-						flex-direction: column;
-
-						> li {
-							height: 44px;
-							white-space: normal;
-							display: inline-flex;
-							align-items: center;
-							position: relative;
-
-
-
-							.username {
-								padding: 0 8px;
-								overflow: hidden;
-								white-space: nowrap;
-								text-overflow: ellipsis;
-							}
-
-							> .sharingOptionsGroup {
-								margin-inline-start: auto;
-								display: flex;
-								align-items: center;
-								white-space: nowrap;
-
-								> a:hover,
-								> a:focus,
-								> .share-menu > a:hover,
-								> .share-menu > a:focus {
-									box-shadow: none !important;
-									opacity: 1 !important;
-								}
-
-								> .icon:not(.hidden),
-								> .share-menu .icon:not(.hidden){
-									padding: 14px;
-									height: 44px;
-									width: 44px;
-									opacity: 0.5;
-									display: block;
-									cursor: pointer;
-								}
-
-								> .share-menu {
-									position: relative;
-									display: block;
-								}
-							}
-						}
-					}
-				}
-			}
-
 			.appointment-config-list {
 				.app-navigation-caption {
 					margin-top: 22px;
diff --git a/src/styles/app-settings.scss b/src/styles/app-settings.scss
index c0026ecd0a..68632ff70b 100644
--- a/src/styles/app-settings.scss
+++ b/src/styles/app-settings.scss
@@ -7,21 +7,4 @@
 	.settings-fieldset-interior-item {
 		align-items: stretch;
 	}
-
-	.button-content-with-icon {
-		display: flex;
-		align-items: center;
-		gap: calc(var(--default-grid-baseline) * 2);
-	}
-
-	.no-wrap-label {
-		white-space: nowrap;
-	}
-}
-
-// Fix the shortcut overview on smaller screens
-@media screen and (max-width: 800px) {
-	.shortcut-overview-modal .modal-container .shortcut-section {
-		width: 100%;
-	}
 }
diff --git a/src/styles/freebusy.scss b/src/styles/freebusy.scss
index 3e3e576a58..eb05c91f4c 100644
--- a/src/styles/freebusy.scss
+++ b/src/styles/freebusy.scss
@@ -3,42 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-.modal--scheduler {
-	position: relative;
-
-	.fc-bgevent {
-		opacity: .8;
-	}
-
-	.blocking-event-free-busy {
-		border-color: var(--color-primary-element);
-		border-style: solid;
-		border-inline-start-width: 2px;
-		border-inline-end-width: 2px;
-		background-color: transparent !important;
-		opacity: 0.7 !important;
-		z-index: 2;
-	}
-
-	.blocking-event-free-busy.blocking-event-free-busy--first-row {
-		border-radius: var(--border-radius) var(--border-radius) 0 0;
-		border-block-start-width: 2px;
-	}
-
-	.blocking-event-free-busy.blocking-event-free-busy--last-row {
-		border-radius: 0 0 var(--border-radius) var(--border-radius) ;
-		border-block-end-width: 2px;
-	}
-
-	.loading-indicator {
-		width: 100%;
-		position: absolute;
-		top: 0;
-		height: 50px;
-		margin-top: 75px;
-	}
-}
-
 .freebusy-caption {
 	margin-top: 10px;
 
diff --git a/src/styles/fullcalendar.scss b/src/styles/fullcalendar.scss
index a6e71f89c6..ecc76f7b25 100644
--- a/src/styles/fullcalendar.scss
+++ b/src/styles/fullcalendar.scss
@@ -51,7 +51,6 @@
 }
 
 // Override Nextcloud styles which highlight table rows on hover
-.fc-state-highlight.fc-day-number,
 .fc tbody tr,
 .fc tbody tr:hover,
 .fc tbody tr:focus {
diff --git a/src/views/Appointments/Booking.vue b/src/views/Appointments/Booking.vue
index 15a114f290..5c90e7a969 100644
--- a/src/views/Appointments/Booking.vue
+++ b/src/views/Appointments/Booking.vue
@@ -290,14 +290,6 @@ onMounted(async () => {
 	min-width: 180px;
 }
 
-:deep(.mx-input-wrapper) {
-	display: none;
-}
-
-:deep(.mx-datepicker-main) {
-	border: 0;
-}
-
 :deep(.textarea__main-wrapper) {
 	height: unset !important;
 }
diff --git a/src/views/Proposal/ProposalEditor.vue b/src/views/Proposal/ProposalEditor.vue
index eef43e31c2..7dd562167f 100644
--- a/src/views/Proposal/ProposalEditor.vue
+++ b/src/views/Proposal/ProposalEditor.vue
@@ -1035,14 +1035,6 @@ onBeforeUnmount(() => {
 	gap: calc(var(--default-grid-baseline) * 2);
 }
 
-.proposal-viewer__row-actions {
-	display: flex;
-	gap: calc(var(--default-grid-baseline) * 2);
-	background-color: var(--color-main-background);
-	flex-shrink: 0;
-	padding-top: calc(var(--default-grid-baseline) * 2);
-}
-
 .proposal-viewer__content-matrix {
 	padding-top: calc(var(--default-grid-baseline) * 4);
 	padding-bottom: calc(var(--default-grid-baseline) * 2);
diff --git a/src/views/Proposal/ProposalPublic.vue b/src/views/Proposal/ProposalPublic.vue
index cda89cd5a6..48c685e6a8 100644
--- a/src/views/Proposal/ProposalPublic.vue
+++ b/src/views/Proposal/ProposalPublic.vue
@@ -227,21 +227,10 @@ onMounted(() => {
 	margin-inline-start: auto;
 }
 
-.proposal-public__content-timezone {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--default-grid-baseline) * 1);
-}
-
 .proposal-public__content-matrix {
 	padding-top: calc(var(--default-grid-baseline) * 4);
 	padding-bottom: calc(var(--default-grid-baseline) * 2);
 	border-top: 2px solid var(--color-border);
 	border-bottom: 2px solid var(--color-border);
 }
-
-.proposal-public__content-date-empty {
-  font-style: italic;
-  color: var(--color-text-lighter);
-}
 </style>