Rename /deep/ to ::v-deep since we use dart-sass now

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
2020-11-16 10:04:47 +01:00 · 2020-11-16 10:04:47 +01:00 · b53645a380
commit b53645a380
parent 306e624bae
17 changed files with 35 additions and 35 deletions
--- a/js/src/components/Discussion/DiscussionComment.vue
+++ b/js/src/components/Discussion/DiscussionComment.vue
@ -171,33 +171,33 @@ article.comment {
      div.description-content {
        padding-bottom: 0.3rem;

-        /deep/ h1 {
+        ::v-deep h1 {
          font-size: 2rem;
        }

-        /deep/ h2 {
+        ::v-deep h2 {
          font-size: 1.5rem;
        }

-        /deep/ h3 {
+        ::v-deep h3 {
          font-size: 1.25rem;
        }

-        /deep/ ul {
+        ::v-deep ul {
          list-style-type: disc;
        }

-        /deep/ li {
+        ::v-deep li {
          margin: 10px auto 10px 2rem;
        }

-        /deep/ blockquote {
+        ::v-deep blockquote {
          border-left: 0.2em solid #333;
          display: block;
          padding-left: 1em;
        }

-        /deep/ p {
+        ::v-deep p {
          margin: 10px auto;

          a {
--- a/js/src/components/Event/DateTimePicker.vue
+++ b/js/src/components/Event/DateTimePicker.vue
@ -128,13 +128,13 @@ export default class DateTimePicker extends Vue {

 <style lang="scss" scoped>
 .timepicker {
-  /deep/ .dropdown-content {
+  ::v-deep .dropdown-content {
    padding: 0;
  }
 }

 .calendar-picker {
-  /deep/ .dropdown-menu {
+  ::v-deep .dropdown-menu {
    z-index: 200;
  }
 }
--- a/js/src/components/Event/EventListCard.vue
+++ b/js/src/components/Event/EventListCard.vue
@ -343,11 +343,11 @@ article.box {
      .button.is-text {
        text-decoration: none;

-        /deep/ span:first-child i.mdi::before {
+        ::v-deep span:first-child i.mdi::before {
          font-size: 24px !important;
        }

-        /deep/ span:last-child {
+        ::v-deep span:last-child {
          padding-left: 4px;
        }

--- a/js/src/components/Event/OrganizerPicker.vue
+++ b/js/src/components/Event/OrganizerPicker.vue
@ -78,7 +78,7 @@ export default class OrganizerPicker extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-/deep/ .list-item {
+::v-deep .list-item {
  box-sizing: content-box;

  label.b-radio {
--- a/js/src/components/Event/ParticipationButton.vue
+++ b/js/src/components/Event/ParticipationButton.vue
@ -218,7 +218,7 @@ export default class ParticipationButton extends Vue {
 }

 .anonymousParticipationModal {
-  /deep/ .animation-content {
+  ::v-deep .animation-content {
    z-index: 1;
  }
 }
--- a/js/src/components/Group/GroupSection.vue
+++ b/js/src/components/Group/GroupSection.vue
@ -64,7 +64,7 @@ div.group-section-title {
    background: $purple-2;
  }

-  /deep/ & > a {
+  ::v-deep & > a {
    align-self: center;
    margin-right: 5px;
    color: $orange-3;
@ -73,7 +73,7 @@ div.group-section-title {
  h2 {
    flex: 1;

-    /deep/ span {
+    ::v-deep span {
      display: inline;
      padding: 3px 8px;
      font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, serif;
@ -82,7 +82,7 @@ div.group-section-title {
      flex: 1;
    }

-    /deep/ span.icon {
+    ::v-deep span.icon {
      flex: 0;
      height: 100%;
    }
--- a/js/src/components/Settings/SettingsMenu.vue
+++ b/js/src/components/Settings/SettingsMenu.vue
@ -88,7 +88,7 @@ export default class SettingsMenu extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-/deep/ a {
+::v-deep a {
  text-decoration: none;
 }
 </style>
--- a/js/src/views/About/Glossary.vue
+++ b/js/src/views/About/Glossary.vue
@ -80,7 +80,7 @@ export default class Glossary extends Vue {
 </script>

 <style lang="scss" scoped>
-/deep/ dt {
+::v-deep dt {
  font-weight: bold;
 }
 </style>
--- a/js/src/views/About/Privacy.vue
+++ b/js/src/views/About/Privacy.vue
@ -54,11 +54,11 @@ export default class Privacy extends Vue {
 main > .container {
  background: $white;

-  /deep/ dt {
+  ::v-deep dt {
    font-weight: bold;
  }
 }
-.content /deep/ li {
+.content ::v-deep li {
  margin-bottom: 1rem;
 }
 </style>
--- a/js/src/views/About/Rules.vue
+++ b/js/src/views/About/Rules.vue
@ -30,7 +30,7 @@ export default class Rules extends Vue {
 main > .container {
  background: $white;
 }
-.content /deep/ li {
+.content ::v-deep li {
  margin-bottom: 1rem;
 }
 </style>
--- a/js/src/views/About/Terms.vue
+++ b/js/src/views/About/Terms.vue
@ -51,7 +51,7 @@ export default class Terms extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-.content /deep/ li {
+.content ::v-deep li {
  margin-bottom: 1rem;
 }
 </style>
--- a/js/src/views/Event/Edit.vue
+++ b/js/src/views/Event/Edit.vue
@ -280,7 +280,7 @@ main section > .container {
 }

 .save__navbar {
-  /deep/ .navbar-menu,
+  ::v-deep .navbar-menu,
  .navbar-end {
    flex-wrap: wrap;
  }
@ -303,7 +303,7 @@ h2.subtitle {
 }

 .event__status__field {
-  /deep/ .field.has-addons {
+  ::v-deep .field.has-addons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
--- a/js/src/views/Event/Event.vue
+++ b/js/src/views/Event/Event.vue
@ -1196,33 +1196,33 @@ div.sidebar {
  }

  .description-content {
-    /deep/ h1 {
+    ::v-deep h1 {
      font-size: 2rem;
    }

-    /deep/ h2 {
+    ::v-deep h2 {
      font-size: 1.5rem;
    }

-    /deep/ h3 {
+    ::v-deep h3 {
      font-size: 1.25rem;
    }

-    /deep/ ul {
+    ::v-deep ul {
      list-style-type: disc;
    }

-    /deep/ li {
+    ::v-deep li {
      margin: 10px auto 10px 2rem;
    }

-    /deep/ blockquote {
+    ::v-deep blockquote {
      border-left: 0.2em solid #333;
      display: block;
      padding-left: 1em;
    }

-    /deep/ p {
+    ::v-deep p {
      margin: 10px auto;

      a {
--- a/js/src/views/Group/Group.vue
+++ b/js/src/views/Group/Group.vue
@ -722,7 +722,7 @@ div.container {
              height: 5rem;
              width: 5rem;

-              /deep/ i.mdi.mdi-account-group.mdi-48px:before {
+              ::v-deep i.mdi.mdi-account-group.mdi-48px:before {
                font-size: 100px;
              }
            }
--- a/js/src/views/Search.vue
+++ b/js/src/views/Search.vue
@ -391,7 +391,7 @@ h3.title {
 }

 form {
-  /deep/ .field label.label {
+  ::v-deep .field label.label {
    margin-bottom: 0;
  }
 }
--- a/js/src/views/Settings/AccountSettings.vue
+++ b/js/src/views/Settings/AccountSettings.vue
@ -328,7 +328,7 @@ export default class AccountSettings extends Vue {
  margin-top: 2rem;
 }

-/deep/ .modal .modal-background {
+::v-deep .modal .modal-background {
  background-color: initial;
 }
 </style>
--- a/js/src/views/User/Register.vue
+++ b/js/src/views/User/Register.vue
@ -238,7 +238,7 @@ h2.title {
 }

 p.create-account {
-  /deep/ button {
+  ::v-deep button {
    margin: 1rem auto 2rem;
  }
 }