fix: stylelint

Signed-off-by: Christian Hartmann <chris-hartmann@gmx.de>

Author: Chartman123

package.json

@@ -22,8 +22,8 @@
     "lint": "eslint --ext .js,.ts,.vue src",
     "lint:fix": "eslint --ext .js,.ts,.vue src --fix",
     "start:nextcloud": "node playwright/start-nextcloud-server.mjs",
-    "stylelint": "stylelint css/*.css css/*.scss src/**/*.vue",
-    "stylelint:fix": "stylelint css/*.css css/*.scss src/**/*.vue --fix"
+    "stylelint": "stylelint \"src/**/*.scss\" \"src/**/*.vue\"",
+    "stylelint:fix": "stylelint \"src/**/*.scss\" \"src/**/*.vue\" --fix"
   },
   "browserslist": [
     "extends @nextcloud/browserslist-config"

src/components/Questions/Question.vue

@@ -425,7 +425,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../scssmixins/markdownOutput' as *;
+@use '../../scssmixins/markdownOutput.scss' as *;
 
 .question {
 	position: relative;

src/components/Questions/QuestionFile.vue

@@ -445,8 +445,9 @@ export default {
 
 <style scoped lang="scss">
 .file-type-checkbox {
-	margin-left: 30px;
+	margin-inline-start: 30px;
 }
+
 .question {
 	&--editable {
 		.question__input-wrapper {

src/components/Questions/QuestionGrid.vue

@@ -442,9 +442,9 @@ export default {
 
 	.first-column {
 		min-width: 200px;
-		text-align: left;
+		text-align: start;
 		position: sticky;
-		left: 0;
+		inset-inline-start: 0;
 	}
 }
 </style>

src/components/Results/Answer.vue

@@ -210,9 +210,9 @@ export default {
 
 		.first-column {
 			min-width: 200px;
-			text-align: left;
+			text-align: start;
 			position: sticky;
-			left: 0;
+			inset-inline-start: 0;
 		}
 	}
 }

src/components/Results/ResultsSummary.vue

@@ -721,9 +721,9 @@ export default {
 
 		.first-column {
 			min-width: 200px;
-			text-align: left;
+			text-align: start;
 			position: sticky;
-			left: 0;
+			inset-inline-start: 0;
 		}
 	}
 }

src/components/SidebarTabs/SettingsSidebarTab.vue

@@ -789,7 +789,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../scssmixins/markdownOutput' as *;
+@use '../../scssmixins/markdownOutput.scss' as *;
 
 #expiresDatetimePicker {
 	width: calc(100% - var(--default-clickable-area));
@@ -808,6 +808,7 @@ export default {
 	display: flex;
 	flex-direction: column;
 }
+
 .submission-message {
 	&__description {
 		color: var(--color-text-maxcontrast);
@@ -823,7 +824,6 @@ export default {
 
 	&__output {
 		@include markdown-output;
-
 		padding: 12px;
 		margin-block: 3px;
 		border: 2px solid var(--color-border-maxcontrast);

src/views/Create.vue

@@ -718,7 +718,6 @@ export default {
 			color: var(--color-main-text);
 			line-height: 22px;
 			min-height: 47px; // one line (25px padding + 22px text height)
-			padding-block-start: 5px; // spacing border<>text
 			margin: 0px;
 			padding-block: 3px 18px; // 2px smaller because of border
 			padding-inline: 10px;

src/views/Submit.vue

@@ -941,7 +941,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../scssmixins/markdownOutput' as *;
+@use '../scssmixins/markdownOutput.scss' as *;
 
 .forms-emptycontent {
 	height: 100%;