From 5adf768e7fa7881c5c11ac19308a761b19c012a0 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Tue, 23 Mar 2021 09:10:46 +0100
Subject: [PATCH] Fix SCSS lint with ::v-deep

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 .stylelintrc                                |  8 +++++++-
 src/components/Editor/FreeBusy/FreeBusy.vue | 19 +++++++++++--------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/.stylelintrc b/.stylelintrc
index 86a8cc60e..9019a8496 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -24,7 +24,13 @@
 		"selector-type-case": null,
 		"selector-list-comma-newline-after": null,
 		"no-descending-specificity": null,
-		"string-quotes": "single"
+		"string-quotes": "single",
+		"selector-pseudo-element-no-unknown": [
+			true,
+			{
+				"ignorePseudoElements": ["v-deep"]
+			}
+		]
 	},
 	"plugins": [
 	  "stylelint-scss"
diff --git a/src/components/Editor/FreeBusy/FreeBusy.vue b/src/components/Editor/FreeBusy/FreeBusy.vue
index 9901dadac..f6c424b91 100644
--- a/src/components/Editor/FreeBusy/FreeBusy.vue
+++ b/src/components/Editor/FreeBusy/FreeBusy.vue
@@ -278,24 +278,27 @@ export default {
 <style lang='scss' scoped>
 .modal__content {
 	padding: 50px;
-  //when the calendar is open, it's cut at the bottom, adding a margin fixes it
-  margin-bottom: 95px;
+	//when the calendar is open, it's cut at the bottom, adding a margin fixes it
+	margin-bottom: 95px;
 }
 
-::v-deep .mx-input{height: 38px !important;
+::v-deep .mx-input{
+	height: 38px !important;
 }
 
-::v-deep .icon-new-calendar {background-color: var(--color-main-background); border: none; padding: 6px; margin-top: 17px;
-  cursor: default;
+::v-deep .icon-new-calendar {
+	background-color: var(--color-main-background); border: none; padding: 6px; margin-top: 17px;
+	cursor: default;
 }
 </style>
 
 <style lang="scss">
 .blocking-event-free-busy {
-  // Show the blocking event above any other blocks, especially the *blocked for all* one
-  z-index: 3 !important;
+	// Show the blocking event above any other blocks, especially the *blocked for all* one
+	z-index: 3 !important;
 }
+
 .free-busy-block {
-  opacity: 0.7 !important;
+	opacity: 0.7 !important;
 }
 </style>