chore: npm run stylelint:fix

And fix remaining issues manually.

Signed-off-by: Richard Steinmetz <[email protected]>

src/components/AppContent/CircleContent.vue

@@ -167,7 +167,8 @@ button {
 		margin-right: 10px;
 	}
 }
+
 .empty-content {
-  height: 100%;
+	height: 100%;
 }
 </style>

src/components/AppContent/ContactsContent.vue

@@ -194,6 +194,6 @@ export default {
 </script>
 <style lang="scss" scoped>
 .empty-content {
-  height: 100%;
+	height: 100%;
 }
 </style>

src/components/AppNavigation/RootNavigation.vue

@@ -502,13 +502,16 @@ $caption-padding: 22px;
 .app-navigation__collapse :deep(a) {
 	color: var(--color-text-maxcontrast)
 }
+
 :deep(.settings-button__label) {
 	opacity: .7;
 	font-weight: bold;
 }
+
 .contacts-settings {
-	padding: calc(var(--default-grid-baseline, 4px)*2);
+	padding: calc(var(--default-grid-baseline, 4px) * 2);
 }
+
 .contacts-settings-button {
 	width: 100%;
 	justify-content: start !important;

src/components/AppNavigation/Settings/SettingsAddressbook.vue

@@ -412,6 +412,10 @@ export default {
 		}
 	}
 	&__share {
+		background-color: transparent;
+		border: none;
+		box-shadow: none;
+
 		&--shared {
 			opacity: .7;
 		}
@@ -420,18 +424,15 @@ export default {
 		opacity: .5;
 	}
 }
+
 .settings-addressbook-list {
 	display: flex;
 	width: 100%;
 	.material-design-icon {
 		justify-content: flex-start;
 	}
 }
-.addressbook__share {
-	background-color: transparent;
-	border: none;
-	box-shadow: none;
-}
+
 .addressbook-shares {
 	padding-top: 10px;
 }

src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue

@@ -151,6 +151,7 @@ export default {
 	text-overflow: ellipsis;
 	width: 107px;
 }
+
 :deep(.button-vue--vue-secondary) {
 	background-color: transparent;
 	border: none;

src/components/AppNavigation/Settings/SettingsNewAddressbook.vue

@@ -92,6 +92,7 @@ export default {
 	display: flex;
 	width: calc(100% - 44px);
 }
+
 .new-addressbook-entry {
 	display: flex;
 	align-items: center;

src/components/CircleDetails.vue

@@ -451,6 +451,7 @@ export default {
 	width: 24px;
 	height: 24px;
 }
+
 .resource {
 	&__icon {
 		width: 44px;

src/components/ContactDetails.vue

@@ -1073,11 +1073,13 @@ export default {
 		display: block;
 	}
 }
+
 section.contact-details {
 	display: flex;
 	flex-direction: column;
 	gap: 40px;
 }
+
 .quick-actions {
 	display: flex;
 	flex: 1 0 auto;
@@ -1086,14 +1088,15 @@ section.contact-details {
 	margin-left: 204px;
 	padding-bottom: 30px;
 }
-	@media only screen and (max-width: 600px) {
-		.quick-actions {
-			justify-content: center;
-			display: flex;
-			margin-top: -44px;
-			margin-left: 0;
-		}
+@media only screen and (max-width: 600px) {
+	.quick-actions {
+		justify-content: center;
+		display: flex;
+		margin-top: -44px;
+		margin-left: 0;
 	}
+}
+
 #qrcode-modal {
 	:deep(.modal-container) {
 		display: flex;
@@ -1104,13 +1107,15 @@ section.contact-details {
 		}
 	}
 }
+
 :deep(.v-select.select) {
 	min-width: 0;
 	flex: 1 auto;
 	.vs__actions {
 		display: none;
 	}
 }
+
 #pick-addressbook-modal {
 	:deep(.modal-container) {
 		display: flex;
@@ -1127,14 +1132,17 @@ section.contact-details {
 		}
 	}
 }
+
 .action-item {
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius-rounded);
 }
+
 :deep(.button-vue--vue-tertiary:hover),
 :deep(.button-vue--vue-tertiary:active) {
 	background-color: var(--color-primary-element-light-hover) !important;
 }
+
 .related-resources {
 	display:inline-grid;
 	margin-top: 88px;
@@ -1151,6 +1159,7 @@ section.contact-details {
 		margin-top: 40px;
 	}
 }
+
 .last-edit {
 	display: inline-flex;
 }
@@ -1162,8 +1171,9 @@ section.contact-details {
 }
 
 .address-book {
-  min-width: 260px !important;
+	min-width: 260px !important;
 }
+
 .empty-content {
 	height: 100%;
 }

src/components/ContactDetails/ContactDetailsAvatar.vue

@@ -555,13 +555,10 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.avatar__container {
-	padding: 24px;
-}
-
 .avatar {
 	&__container {
 		margin: 0 auto;
+		padding: 24px;
 		display: flex;
 		flex-direction: column;
 		justify-content: center;

src/components/DetailsHeader.vue

@@ -82,7 +82,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../css/ContactDetailsLayout.scss';
+@import '../css/ContactDetailsLayout';
 
 $top-padding: 50px;
 

src/components/EntityPicker/EntityPicker.vue

@@ -375,7 +375,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
 
 // Dialog variables
 $dialog-padding: 20px;

src/components/EntityPicker/EntitySearchResult.vue

@@ -76,7 +76,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
 
 // https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556
 // recommended is 48px

src/components/EntityPicker/NewCircleIntro.vue

@@ -148,7 +148,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
 
 // Dialog variables
 $dialog-padding: 20px;

src/components/MemberList.vue

@@ -339,7 +339,8 @@ export default {
 		margin: auto;
 	}
 }
+
 .empty-content {
-  height: 100%;
+	height: 100%;
 }
 </style>

src/css/Properties/Properties.scss

@@ -21,7 +21,7 @@
  *
  */
 
-@import '../ContactDetailsLayout.scss';
+@import '../ContactDetailsLayout';
 
 $property-label-max-width: $contact-details-label-max-width;
 $property-value-max-width: $contact-details-value-max-width;
@@ -81,8 +81,8 @@ $property-row-gap: $contact-details-row-gap;
 
 		textarea {
 			// Limit max height to make scrolling the form a bit easier
-			min-height: 2 * $grid-height-unit - 2*$grid-input-margin;
-			max-height: 5 * $grid-height-unit - 2*$grid-input-margin;
+			min-height: 2 * $grid-height-unit - 2 * $grid-input-margin;
+			max-height: 5 * $grid-height-unit - 2 * $grid-input-margin;
 		}
 
 		input,

src/css/SettingsSection.scss

@@ -23,7 +23,7 @@
 
 // contacts settings section
 .app-contacts #app-settings-content {
-    padding-left: 0px !important;
+	padding-left: 0px !important;
 }
 
 #app-settings-content {