refactor(styles): Adjust code style in SCSS sources to match our stylelint config

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

5 files changed, 31 insertions, 36 deletions

diff --git a/apps/files_sharing/css/icons.scss b/apps/files_sharing/css/icons.scss
index a6c000126f3..3307a9fa4cb 100644
--- a/apps/files_sharing/css/icons.scss
+++ b/apps/files_sharing/css/icons.scss
@@ -9,9 +9,11 @@
 .icon-room {
 	background-image: var(--icon-talk-dark);
 }
+
 .icon-circle {
 	background-image: var(--icon-circles-dark);
 }
+
 .icon-guests {
 	background-image: var(--icon-user-dark);
 }
\ No newline at end of file
diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss
index 29807e43853..645aeeff357 100644
--- a/apps/files_sharing/css/public.scss
+++ b/apps/files_sharing/css/public.scss
@@ -63,10 +63,6 @@ $download-button-section-height: 200px;
     margin-top: 400px;
 }
 
-#imgframe .plyr {
-    top: 0px !important;
-}
-
 #imgframe .text-preview {
 	display: inline-block;
 	position: relative;
@@ -88,10 +84,10 @@ $download-button-section-height: 200px;
 }
 
 #imgframe .plyr {
+	top: 0px !important;
 	max-height: 100%;
 }
 
-
 .app-files_sharing #app-content footer {
 	position: sticky !important;
 }
@@ -131,12 +127,14 @@ thead {
 #details {
 	display: inline-flex;
 }
+
 #details button,
 #details input,
 #details .button {
 	margin: 0 5px;
 	line-height: normal;
 }
+
 #details button:hover,
 #details input:hover,
 #details .button:hover {
diff --git a/apps/files_sharing/css/publicView.scss b/apps/files_sharing/css/publicView.scss
index 32def00193d..9f61141d330 100644
--- a/apps/files_sharing/css/publicView.scss
+++ b/apps/files_sharing/css/publicView.scss
@@ -2,5 +2,5 @@
  * SPDX-FileCopyrightText: 2017 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-@use 'public.scss';
-@use 'mobile.scss';
+@use 'public';
+@use 'mobile';
diff --git a/apps/files_sharing/src/components/SharingEntryLink.vue b/apps/files_sharing/src/components/SharingEntryLink.vue
index df7bf298483..c077c467545 100644
--- a/apps/files_sharing/src/components/SharingEntryLink.vue
+++ b/apps/files_sharing/src/components/SharingEntryLink.vue
@@ -917,7 +917,7 @@ export default {
 		}
 	}
 
-	::v-deep .avatar-link-share {
+	:deep(.avatar-link-share) {
 		background-color: var(--color-primary-element);
 	}
 
diff --git a/apps/files_sharing/src/views/SharingDetailsTab.vue b/apps/files_sharing/src/views/SharingDetailsTab.vue
index 0878c5d289d..4711103c80e 100644
--- a/apps/files_sharing/src/views/SharingDetailsTab.vue
+++ b/apps/files_sharing/src/views/SharingDetailsTab.vue
@@ -350,7 +350,7 @@ export default {
 			case this.SHARE_TYPES.SHARE_TYPE_USER:
 				return t('files_sharing', 'Share with {userName}', { userName: this.share.shareWithDisplayName })
 			case this.SHARE_TYPES.SHARE_TYPE_EMAIL:
-			    return t('files_sharing', 'Share with email {email}', { email: this.share.shareWith })
+				return t('files_sharing', 'Share with email {email}', { email: this.share.shareWith })
 			case this.SHARE_TYPES.SHARE_TYPE_LINK:
 				return t('files_sharing', 'Share link')
 			case this.SHARE_TYPES.SHARE_TYPE_GROUP:
@@ -366,12 +366,12 @@ export default {
 			case this.SHARE_TYPES.SHARE_TYPE_GUEST:
 				return t('files_sharing', 'Share with guest')
 			default: {
-			        if (this.share.id) {
-					    // Share already exists
-					    return t('files_sharing', 'Update share')
-				    } else {
-					    return t('files_sharing', 'Create share')
-				    }
+					if (this.share.id) {
+						// Share already exists
+						return t('files_sharing', 'Update share')
+					} else {
+						return t('files_sharing', 'Create share')
+					}
 			}
 			}
 		},
@@ -1104,12 +1104,9 @@ export default {
 					padding: 0.1em;
 				}
 
-				::v-deep label {
-
-					span {
-						display: flex;
-						flex-direction: column;
-					}
+				:deep(label span) {
+					display: flex;
+					flex-direction: column;
 				}
 
 				/* Target component based style in NcCheckboxRadioSwitch slot content*/
@@ -1154,20 +1151,18 @@ export default {
 			}
 
 			/*
-              The following style is applied out of the component's scope
-              to remove padding from the label.checkbox-radio-switch__label,
-              which is used to group radio checkbox items. The use of ::v-deep
-              ensures that the padding is modified without being affected by
-              the component's scoping.
-              Without this achieving left alignment for the checkboxes would not
-              be possible.
-            */
-			span {
-				::v-deep label {
-					padding-inline-start: 0 !important;
-					background-color: initial !important;
-					border: none !important;
-				}
+			  The following style is applied out of the component's scope
+			  to remove padding from the label.checkbox-radio-switch__label,
+			  which is used to group radio checkbox items. The use of ::v-deep
+			  ensures that the padding is modified without being affected by
+			  the component's scoping.
+			  Without this achieving left alignment for the checkboxes would not
+			  be possible.
+			*/
+			span :deep(label) {
+				padding-inline-start: 0 !important;
+				background-color: initial !important;
+				border: none !important;
 			}
 
 			section.custom-permissions-group {
@@ -1177,7 +1172,7 @@ export default {
 	}
 
 	&__delete {
-		>button:first-child {
+		> button:first-child {
 			color: rgb(223, 7, 7);
 		}
 	}