@imiobe/plonetheme-smartweb-base 0.0.6 → 0.1.1

package/src/scss/common/_com-cookies.scss

@@ -1,81 +1,92 @@
 #gdpr-consent-banner {
-    z-index: 999999;
-    padding: 50px 25px;
-    background: #fff;
-    position: fixed;
-    top: 100vh;
-    transform: translateY(-100%);
-    box-shadow: 0 0 18px rgba(0, 0, 0, .2);
-    border-radius: 5px;
-    color: #686868;
-    width: auto;
-    left: 0;
-    max-width: 100vw !important;
+  z-index: 9;
+  padding: 50px 25px;
+  background: #fff;
+  position: fixed;
+  top: 100vh;
+  transform: translateY(-100%);
+  box-shadow: 0 0 18px rgba(0, 0, 0, 20%);
+  border-radius: 5px;
+  color: #686868;
+  width: auto;
+  left: 0;
+  max-width: 100vw !important;
+
+  @include media-breakpoint-up(lg) {
+    right: 0;
+    max-width: 100%;
+    text-align: center;
+  }
+
+  & > span {
     @include media-breakpoint-up(lg) {
-        right: 0;
-        max-width: 100%;
-        text-align: center;
+      max-width: 500px;
+      display: inline-block;
+      vertical-align: top;
+      text-align: left;
+      padding-right: 30px;
     }
-    &>span {
-        @include media-breakpoint-up(lg) {
-            max-width: 500px;
-            display: inline-block;
-            vertical-align: top;
-            text-align: left;
-            padding-right: 30px;
-        }
+  }
+
+  & > form {
+    @include media-breakpoint-up(lg) {
+      display: inline-block;
+      vertical-align: middle;
+    }
+  }
+
+  .gdpr-actions {
+    & > a {
+      background: #fff;
+      color: #000;
+      padding: 1rem 2rem;
+      font-weight: bold;
+      border: 2px solid #000;
+      font-size: 14px;
+      margin-left: 0.6rem;
+      text-decoration: none;
+      margin-top: 2rem;
+
+      @include media-breakpoint-up(lg) {
+        margin-top: 0;
+      }
+
+      @include media-breakpoint-down(sm) {
+        font-size: 13px;
+        padding: 9px 10px;
+        display: inline-block;
+      }
     }
-    &>form {
-        @include media-breakpoint-up(lg) {
-            display: inline-block;
-            vertical-align: middle;
-        }
+
+    input[name="consent"] {
+      background: #000;
+      color: #fff;
+      border: 2px solid transparent;
+      padding: 1rem 2rem;
+      font-weight: bold;
+      font-size: 14px;
+      cursor: pointer;
+      margin-top: 2rem;
+
+      @include media-breakpoint-up(lg) {
+        margin-top: 0;
+      }
+
+      @include media-breakpoint-down(sm) {
+        font-size: 13px;
+        padding: 9px 10px;
+      }
     }
-    .gdpr-actions {
-        &>a {
-            background: #fff;
-            color: #000;
-            padding: 1rem 2rem;
-            font-weight: bold;
-            border: 2px solid #000;
-            font-size: 14px;
-            margin-left: 0.6rem;
-            text-decoration: none;
-            margin-top: 2rem;
-            @include media-breakpoint-up(lg) {
-                margin-top: 0;
-            }
-            @include media-breakpoint-down(sm) {
-                font-size: 13px;
-                padding: 9px 10px;
-                display: inline-block;
-            }
-        }
-        input[name="consent"] {
-            background: #000;
-            color: #fff;
-            border: 2px solid transparent;
-            padding: 1rem 2rem;
-            font-weight: bold;
-            font-size: 14px;
-            cursor: pointer;
-            margin-top: 2rem;
-            @include media-breakpoint-up(lg) {
-                margin-top: 0;
-            }
-            @include media-breakpoint-down(sm) {
-                font-size: 13px;
-                padding: 9px 10px;
-            }
-        }
-        input[name="refuse"] {
-            background: transparent;
-            border: none;
-            text-decoration: underline;
-            margin-left: auto;
-            display: block;
-            margin-top: 1rem;
-            cursor: pointer;
-        }
+
+    input[name="refuse"] {
+      background: transparent;
+      color: #000;
+      border: none;
+      text-decoration: underline;
+      margin-left: auto;
+      display: block;
+      margin-top: 1rem;
+      cursor: pointer;
     }
-}
+  }
+}

package/src/scss/common/_com-edition.scss

@@ -1,48 +1,60 @@
 .container.header-section.hide-in-preview {
-    padding: 0.5rem;
-    border-radius: 0;
-    border: 1px solid #ddd;
-    text-align: center;
+  padding: 0.5rem;
+  border-radius: 0;
+  border: 1px solid #ddd;
+  text-align: center;
 }
 
 .manage-section a {
-    margin-right: 0.5rem;
+  margin-right: 0.5rem;
 }
 
-.pat-sortable> :hover {
-    cursor: move;
-    background-color: transparent !important;
+.pat-sortable > :hover {
+  cursor: move;
 }
 
 .pat-sortable .sortable-section {
-    border: 1px solid transparent !important;
+  border: 1px solid transparent !important;
 }
 
-
 .pat-sortable .sortable-section {
-	padding-top: 0;
-    padding-bottom: 0;
-    margin-top: 0;
-    margin-bottom: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-top: 0;
+  margin-bottom: 0;
 }
+
 .header-section .manage-section a {
-    text-decoration: none;
+  text-decoration: none;
 }
+
 .header-section .documentModified {
-    color: gray;
+  color: gray;
 }
 
-figcaption{
-    font-style: italic;
-    letter-spacing: 0.01rem;
+figcaption {
+  font-style: italic;
+  letter-spacing: 0.01rem;
 }
 
 .current-folder-view + a {
-    margin-bottom: 1rem;
-    display: block;
-    font-size: 1.5rem;
+  margin-bottom: 1rem;
+  display: block;
+  font-size: 1.5rem;
+}
+
+.userrole-authenticated.popover-upload-active
+  .pat-structure
+  .navbar.ui-offset-parent {
+  position: relative;
+}
+
+#formfield-form-widgets-svg_icon {
+  svg {
+    fill: #000;
+  }
 }
 
-.userrole-authenticated.popover-upload-active .pat-structure .navbar.ui-offset-parent{
-    position: relative;
+.section-map .leaflet-container {
+  z-index: 0;
 }

package/src/scss/common/_com-faceted.scss

@@ -1,186 +1,207 @@
 // /* vues facettes */
 .widget-fieldset legend {
-    font-weight: bold;
-    font-size: 14px;
+  font-weight: bold;
+  font-size: 14px;
 }
+
 .faceted-form fieldset {
-	margin: .5rem!important;
+  margin: 0.5rem !important;
 }
+
 .template-facetednavigation_view .faceted-top-widgets {
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 1.5rem;
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 1.5rem;
 }
+
 .template-facetednavigation_view .faceted-top-widgets {
-    .faceted-widget {
-        width: 100%;
-        fieldset {
-            padding: 0 !important;
-            form {
-                position: relative;
-            }
-            .searchButton {
-                // background: url(../svg/search.svg) no-repeat;
-                background-position: center;
-                background-size: contain;
-                border: none;
-                position: absolute;
-                width: 15px;
-                right: 10px;
-                top: 0;
-                bottom: 0;
-                font-size: 0px;
+  .faceted-widget {
+    width: 100%;
 
-            }
-        }
-    }
-    .faceted_select,
-    input {
-        width: 100%;
-        border-radius: 0;
-        height: 2.5rem;
-        border: 1px solid #ccc;
-        background: transparent;
-        padding: 0 .5rem;
+    fieldset {
+      padding: 0 !important;
+
+      form {
+        position: relative;
+      }
+
+      .searchButton {
+        // background: url(../svg/search.svg) no-repeat;
+        background-position: center;
+        background-size: contain;
+        border: none;
+        position: absolute;
+        width: 15px;
+        right: 10px;
+        top: 0;
+        bottom: 0;
+        font-size: 0;
+      }
     }
+  }
+
+  .faceted_select,
+  input {
+    width: 100%;
+    border-radius: 0;
+    height: 2.5rem;
+    border: 1px solid #ccc;
+    background: transparent;
+    padding: 0 0.5rem;
+  }
 }
+
 #faceted-form fieldset {
-    border: 0px solid white;
+  border: 0 solid white;
 }
 
 // /* filtres actifs */
 
 .faceted-criteria-widget {
-    width: 100%;
-    .faceted-criteria-reset {
-        a {
-            color: #000 !important;
-            font-size: 14px;
-            display: flex;
-            align-items: center;
-            &:before {
-                content: "";
-                width: 16px;
-                height: 16px;
-                display: inline-block;
-                // background: url(../svg/close.svg) no-repeat;
-                background-position: center;
-                position: relative;
-                vertical-align: middle;
-                margin: 0 1px;
-                background-size: contain;
-            }
-        }
+  width: 100%;
+
+  .faceted-criteria-reset {
+    a {
+      color: #000 !important;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: "";
+        width: 16px;
+        height: 16px;
+        display: inline-block;
+        background-position: center;
+        position: relative;
+        vertical-align: middle;
+        margin: 0 1px;
+        background-size: contain;
+      }
     }
-    .widget-fieldset.faceted-criteria {
-        &>legend {
-            display: block;
-            font-size: 1em;
-            color: #292929;
-            font-weight: normal;
-        }
-        .widget-body {
-            display: flex;
-            align-items: center;
-            gap: 20px;
-            flex-wrap: wrap;
-            dl {
-                display: flex;
-                gap: 10px;
-                flex-wrap: wrap;
-                margin-bottom: .2rem;
-                dd {
-                    display: inline-block;
-                    background: #efefef;
-                    border-radius: 3px;
-                    padding: 0.4em 0;
-                    &:hover {
-                        span span {
-                            opacity: 1;
-                        }
-                    }
-                }
+  }
+
+  .widget-fieldset.faceted-criteria {
+    & > legend {
+      display: block;
+      font-size: 1em;
+      color: #292929;
+      font-weight: normal;
+    }
+
+    .widget-body {
+      display: flex;
+      align-items: center;
+      gap: 20px;
+      flex-wrap: wrap;
+
+      dl {
+        display: flex;
+        gap: 10px;
+        flex-wrap: wrap;
+        margin-bottom: 0.2rem;
+
+        dd {
+          display: inline-block;
+          background: #efefef;
+          border-radius: 3px;
+          padding: 0.4em 0;
+
+          &:hover {
+            span span {
+              opacity: 100%;
             }
+          }
         }
+      }
     }
+  }
 }
 
 .faceted-criteria dt {
-    display: none;
+  display: none;
 }
+
 .faceted-criteria .widget-body dl dd {
-    margin: 0;
+  margin: 0;
 }
+
 .faceted-criteria dd span {
-    position: relative;
-    display: flex;
-    align-items: center;
+  position: relative;
+  display: flex;
+  align-items: center;
 
-    a {
-        inset: 0px;
-        position: absolute;
-        z-index: 1;
-    }
-    span {
-        color: #000;
-        opacity: .55;
-        &:before {
-            content: "x";
-            width: 16px;
-            height: 16px;
-            display: inline-block;
-            background-position: center;
-            position: relative;
-            top: -2px;
-            margin: 0 1px;
-            background-size: contain;
-            font-size: small;
-        }
+  a {
+    inset: 0;
+    position: absolute;
+    z-index: 1;
+  }
+
+  span {
+    color: #000;
+    opacity: 55%;
+
+    &::before {
+      content: "x";
+      width: 16px;
+      height: 16px;
+      display: inline-block;
+      background-position: center;
+      position: relative;
+      top: -2px;
+      margin: 0 1px;
+      background-size: contain;
+      font-size: small;
     }
+  }
 }
+
 .faceted-criteria .faceted-remove::before {
-    display: none;
+  display: none;
 }
 
 @include media-breakpoint-up(md) {
-    .template-facetednavigation_view {
-        .faceted-top-widgets .faceted-widget {
-            max-width: 250px;
-            &.faceted-criteria-widget {
-                max-width: 100%;
-            }
-        }
+  .template-facetednavigation_view {
+    .faceted-top-widgets .faceted-widget {
+      max-width: 250px;
+
+      &.faceted-criteria-widget {
+        max-width: 100%;
+      }
     }
+  }
 }
 
-
 // MINISIES
 
 .to-portal {
-    position: relative;
-    text-align: center;
-    padding: 0.25em 0;
+  position: relative;
+  text-align: center;
+  padding: 0.25em 0;
 }
+
 .to-portal a {
-    color: $to-portal-link-color;
-    text-decoration: none;
+  color: $to-portal-link-color;
+  text-decoration: none;
 }
+
 .to-portal a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
+///// correctifs
 
-
-///// correctifs 
-
-.ui-widget-header>div.ui-icon {
-    background-size: auto;
-    margin-right: 0.5rem;
+.ui-widget-header > div.ui-icon {
+  background-size: auto;
+  margin-right: 0.5rem;
 }
 
-
 // @media screen and (min-width: 992px){
+
 //     .has_subtree.dropdown>ul {
+
 //         overflow-y: auto;
+
 //     }
-// }
+
+// }

package/src/scss/common/_com-footer.scss

@@ -1,5 +1,9 @@
-#portal-colophon{
-    li{
-        list-style: none;
-    }
-}
+#portal-colophon {
+  li {
+    list-style: none;
+  }
+}
+
+footer li {
+  list-style: none;
+}

package/src/scss/common/_com-list-image.scss

@@ -1,16 +1,18 @@
-.template-summary_view_with_images{
-    .list-menu-element{
-        a{
-            text-decoration: none;
-            margin: 0.5rem 0rem;
-            flex-wrap: nowrap;
-            .newsImage{
-                width: 50px;
-                height: 50px;
-            }
-            .list-card-body{
-                width: auto;
-            }
-        }
+.template-summary_view_with_images {
+  .list-menu-element {
+    a {
+      text-decoration: none;
+      margin: 0.5rem 0;
+      flex-wrap: nowrap;
+
+      .newsImage {
+        width: 50px;
+        height: 50px;
+      }
+
+      .list-card-body {
+        width: auto;
+      }
     }
-}
+  }
+}