Fix SCSS lint with ::v-deep

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-03-23 09:10:46 +01:00
parent 7daeacb087
commit 5adf768e7f
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
2 changed files with 18 additions and 9 deletions

View File

@ -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"

View File

@ -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>