@imiobe/plonetheme-smartweb-base 0.3.7 → 0.3.9

package/package.json

@@ -23,7 +23,7 @@
     "plone",
     "smartweb"
   ],
-  "version": "0.3.7",
+  "version": "0.3.9",
   "license": "GPL version 2",
   "scripts": {
     "stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}",
@@ -38,23 +38,20 @@
     "@popperjs/core": "^2.11.6"
   },
   "release-it": {
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular",
-        "infile": "CHANGELOG.md",
-        "path": "base"
-      }
+    "hooks": {
+      "before:git:release": "node update-changelog.js ${version} && git add CHANGELOG.md"
     },
     "git": {
       "commitMessage": "chore: release ${version}",
       "tagName": "v${version}",
-      "changelog": "git log --pretty=format:\"* %s (%h)\" $(git describe --tags --abbrev=0)...HEAD -- base/"
+      "changelog": "git log --pretty=format:\"* %s (%h)\" $(git describe --tags --abbrev=0)...HEAD -- ."
     },
     "npm": {
       "publish": true
     },
     "github": {
-      "release": true
+      "release": true,
+      "releaseNotes": "git log --pretty=format:'* %s (%h)' $(git describe --tags --abbrev=0)...HEAD -- ."
     }
   }
 }

package/src/scss/_fonts.scss

@@ -27,5 +27,5 @@ h6 {
 }
 
 #edit-bar .nav-link {
-  font-size: 16px !important;
+  font-size: 1rem !important;
 }

package/src/scss/_general.scss

@@ -73,7 +73,7 @@
 .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon {
   display: flex;
   flex-wrap: wrap;
-  gap: 1%;
+  gap: 0 1%;
 }
 
 .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .form-text {
@@ -119,7 +119,7 @@
       display: inline-block;
       content: "\F282";
       font-family: Bootstrap-icons;
-      font-size: 12px;
+      font-size: 0.75rem;
       margin-left: 0.5rem;
       text-decoration: none;
       transition: all 0.2s ease;
@@ -133,7 +133,7 @@
       display: inline-block;
       content: "\F282";
       font-family: Bootstrap-icons;
-      font-size: 12px;
+      font-size: 0.75rem;
       margin-left: 0.5rem;
       text-decoration: none;
       transform: rotate(-180deg);

package/src/scss/_sub-sitenav.scss

@@ -20,7 +20,7 @@ body.is-in-subsite {
   }
 
   #subsite-logo {
-    font-size: 20px;
+    font-size: 1.25rem;
     text-transform: uppercase;
     display: inline-block;
     background: $subsite-logo-background;

package/src/scss/_trucaverif.scss

@@ -81,7 +81,7 @@ div#formfield-form-widgets-basic_cookies {
       text-decoration: none;
       display: flex;
       align-items: center;
-      font-size: 20px;
+      font-size: 1.25rem;
 
       &::after {
         content: "";
@@ -228,10 +228,6 @@ textarea {
   text-decoration: none;
 }
 
-.userrole-anonymous .pat-sortable .sortable-section {
-  border: 0 solid transparent !important;
-}
-
 .faceted-form {
   padding: 0;
 }
@@ -443,13 +439,6 @@ body#visual-portal-wrapper.userrole-anonymous.portaltype-imio-smartweb-procedure
 }
 
 @media screen and (min-width: 768px) {
-  .portaltype-imio-smartweb-procedure .sectionlinks,
-  .portaltype-imio-smartweb-page .sectionlinks,
-  .portaltype-imio-smartweb-procedure .sectionfiles,
-  .portaltype-imio-smartweb-page .sectionfiles {
-    background: transparent;
-  }
-
   .portaltype-imio-smartweb-procedure .sectionlinks::after,
   .portaltype-imio-smartweb-page .sectionlinks::after,
   .portaltype-imio-smartweb-procedure .sectionfiles::after,

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

@@ -44,11 +44,11 @@
     & > a,
     input[name="consent"],
     input[name="refuse"] {
-      background: #1863dc;
-      color: #fff;
-      border: 2px solid #1863dc;
+      background: $cookie-banner-bg;
+      color: $cookie-banner-color;
+      border: $cookie-banner-border;
       padding: 1rem 2rem;
-      font-size: 13px;
+      font-size: 0.8125rem;
       cursor: pointer;
       text-decoration: none;
       display: inline-block;
@@ -56,9 +56,10 @@
 
       &:hover,
       &:focus {
-        background: #ededed;
-        color: #1863dc;
+        background: $cookie-banner-hv-bg;
+        color: $cookie-banner-hv-color;
         outline: none;
+        border: $cookie-banner-hv-border;
       }
     }
   }

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

@@ -1,28 +1,7 @@
-.container.header-section.hide-in-preview {
-  padding: 0.5rem;
-  border-radius: 0;
-  border: 1px solid #ddd;
-}
-
 .manage-section a {
   margin-right: 0.5rem;
 }
 
-.pat-sortable > :hover {
-  cursor: move;
-}
-
-.pat-sortable .sortable-section {
-  border: 1px solid transparent !important;
-}
-
-.pat-sortable .sortable-section {
-  padding-top: 0;
-  padding-bottom: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
 .header-section .manage-section a {
   text-decoration: none;
 }
@@ -57,3 +36,11 @@ figcaption {
 .section-map .leaflet-container {
   z-index: 0;
 }
+
+.container.header-section.hide-in-preview {
+  background-color: #f5f5f5;
+  border: 0 solid #ddd;
+  border-radius: 5px;
+  margin: 1rem auto;
+  padding: 0.2rem;
+}

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

@@ -1,7 +1,7 @@
 // /* vues facettes */
 .widget-fieldset legend {
   font-weight: bold;
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 .faceted-form fieldset {
@@ -63,7 +63,7 @@
   .faceted-criteria-reset {
     a {
       color: #000 !important;
-      font-size: 14px;
+      font-size: 0.875rem;
       display: flex;
       align-items: center;
 
@@ -172,21 +172,21 @@
   }
 }
 
-// MINISIES
-
-.to-portal {
+.contact_leadimage.contact_placeholder {
+  background-color: #e9e9e9;
   position: relative;
-  text-align: center;
-  padding: 0.25em 0;
-}
-
-.to-portal a {
-  color: $to-portal-link-color;
-  text-decoration: none;
-}
 
-.to-portal a:hover {
-  text-decoration: underline;
+  &::after {
+    content: "\F220";
+    font-family: bootstrap-icons !important;
+    text-align: center;
+    position: absolute;
+    font-size: 100px;
+    color: #c0c1c2;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    top: 50%;
+  }
 }
 
 ///// correctifs
@@ -196,12 +196,10 @@
   margin-right: 0.5rem;
 }
 
-// @media screen and (min-width: 992px){
-
-//     .has_subtree.dropdown>ul {
-
-//         overflow-y: auto;
-
-//     }
+html #portal-footer-wrapper #portal-footer .show-on-focus.skip-before-footer {
+  color: #000 !important;
+}
 
-// }
+.leaflet-container {
+  z-index: 0;
+}

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

@@ -36,3 +36,7 @@ footer li {
 #portal-footer-wrapper {
   padding: 0;
 }
+
+#smartweb-minisite-footer {
+  position: relative;
+}

package/src/scss/common/_com-portal-link.scss

@@ -0,0 +1,34 @@
+.to-portal {
+  position: relative;
+  text-align: center;
+  padding: 0;
+}
+
+.to-portal a {
+  background: $to-portal-link-bg;
+  padding: 10px;
+  border-radius: 0 0 10px 10px;
+  color: $to-portal-link-color;
+  text-decoration: none;
+  transition: color 0.2s ease;
+  line-height: 1;
+  display: flex;
+  width: max-content;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto;
+}
+
+.to-portal a:hover,
+.to-portal a:focus {
+  background: $to-portal-link-hv-bg;
+  padding: 10px;
+  border-radius: 0 0 10px 10px;
+  color: $to-portal-link-hv-color;
+}
+
+.portal-link-arrow {
+  font-size: 1.25rem;
+  line-height: 1;
+  vertical-align: middle;
+}

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

@@ -11,7 +11,7 @@
         & > div {
           display: flex;
           gap: 10px;
-          font-size: 15px;
+          font-size: 0.9375rem;
           font-weight: 500;
 
           .r-card-date-last {
@@ -42,24 +42,37 @@
 
 // style back button
 
-.r-content > button {
-  background: transparent;
-  margin: 1rem 0;
-  border: 0;
-  display: flex;
-  align-items: center;
+.r-back-button {
+  height: 40px;
+  aspect-ratio: 1;
+  border-radius: 5px;
+  background-color: $react-arrow-btn-bg;
+  color: $react-arrow-btn-color;
+  margin: 10px 0;
+  font-size: 1.4375rem;
+  border: none;
 
   &::before {
-    content: "";
-    width: 9px;
-    height: 6px;
-    display: block;
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"  width="8.444" height="5.2"><path d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z" fill="%23000"/></svg>');
-    background-size: contain;
-    background-position: center;
-    background-repeat: no-repeat;
-    margin-right: 0.4rem;
-    transform: rotate(90deg);
+    display: none;
+  }
+}
+
+.r-back-button:hover {
+  background: $react-arrow-btn-hv-bg;
+  outline: 2px solid $grey-bg;
+}
+
+body .r-item-arrow-more {
+  background-color: $react-arrow-btn-next-bg;
+  color: $react-arrow-btn-color;
+}
+
+.r-list-item-group {
+  &:hover {
+    .r-item-arrow-more {
+      outline: solid 2px #ebebeb;
+      background-color: #ebebeb;
+    }
   }
 }
 

package/src/scss/common/_folder-view.scss

@@ -107,7 +107,7 @@ body.template-block_view #content-core {
         font-family: bootstrap-icons !important;
         display: block;
         position: relative;
-        font-size: 26px;
+        font-size: 1.625rem;
         color: #ccc;
         opacity: 0%;
         margin-left: auto;
@@ -131,7 +131,7 @@ body.template-block_view #content-core {
 
         .list-card-title {
           margin-bottom: 0;
-          font-size: 25px;
+          font-size: 1.5625rem;
         }
 
         .list-card-text {

package/src/scss/common/_messviewlet.scss

@@ -1,11 +1,54 @@
+#messagesviewlet .portalMessage,
+#localmessagesviewlet .portalMessage {
+  align-items: center;
+}
+
 #messagesviewlet .portalMessage.info,
 #localmessagesviewlet .portalMessage.info {
-  background-color: $primary;
+  background-color: $message-info-bg;
+  color: $message-info-color;
+
+  span {
+    color: $message-info-color;
+  }
+
+  .close-button {
+    &::after {
+      color: $message-info-color;
+    }
+  }
 }
 
-#messagesviewlet .portalMessage,
-#localmessagesviewlet .portalMessage {
-  align-items: center;
+#messagesviewlet .portalMessage.warning,
+#localmessagesviewlet .portalMessage.warning {
+  background-color: $message-warning-bg;
+  color: $message-warning-color;
+
+  span {
+    color: $message-warning-color;
+  }
+
+  .close-button {
+    &::after {
+      color: $message-warning-color;
+    }
+  }
+}
+
+#messagesviewlet .portalMessage.error,
+#localmessagesviewlet .portalMessage.error {
+  background-color: $message-error-bg;
+  color: $message-error-color;
+
+  span {
+    color: $message-error-color;
+  }
+
+  .close-button {
+    &::after {
+      color: $message-error-color;
+    }
+  }
 }
 
 #messagesviewlet,
@@ -13,6 +56,18 @@
   float: none;
   padding-top: 0;
 
+  .close-button {
+    width: 26px;
+    aspect-ratio: 1;
+
+    &::after {
+      content: "\F623";
+      font-family: Bootstrap-icons;
+      background: transparent;
+      font-weight: 400;
+    }
+  }
+
   .portalMessage {
     display: block;
     max-width: 1320px;
@@ -23,44 +78,12 @@
     margin-bottom: 0.5rem;
     margin-top: 0.5rem;
 
-    a {
-      color: #fff;
-    }
-
     p:first-of-type {
       display: inline;
-      padding-right: 0.7rem;
-    }
-
-    .close-button {
-      width: 26px;
-      height: 26px;
-      background: transparent;
-      display: inline-block;
-      white-space: nowrap;
-      top: 0;
-      bottom: inherit;
-      transform: none;
-      margin-top: 0.35rem;
-
-      &::after {
-        content: "" !important;
-        background: transparent
-          url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
-          center/1em auto no-repeat;
-        background-size: 50%;
-      }
-
-      &:hover,
-      &:focus {
-        &::after {
-          opacity: 70%;
-        }
-      }
+      padding-right: 1.2rem;
     }
 
     .messagesviewlet-type {
-      color: #fff;
       padding: 0;
       margin: 0;
       font-weight: bold;
@@ -74,22 +97,7 @@
   }
 }
 
-#messagesviewlet {
-  grid-area: messageviewlet;
-}
-
+#messagesviewlet,
 #localmessagesviewlet {
-  grid-area: localmessageviewlet;
-}
-
-.portalMessage.info {
-  background: #27789c;
-}
-
-.portalMessage.warning {
-  background: #c06d01;
-}
-
-.portalMessage.error {
-  background: #ae2609;
+  grid-area: messageviewlet;
 }

package/src/scss/main.scss

@@ -48,6 +48,7 @@ $roboto-base-path: "@theme/assets/fonts/";
 @import "./common/messviewlet";
 @import "./common/com-react";
 @import "./common/com-footer";
+@import "./common/com-portal-link";
 
 ///// List
 

package/src/scss/sections/_se-contact.scss

@@ -264,3 +264,13 @@
     height: auto !important;
   }
 }
+
+// common
+
+.contact_titles h2 {
+  word-break: break-word;
+}
+
+.contact_map {
+  z-index: 0;
+}

package/src/scss/sections/_se-file.scss

@@ -186,7 +186,7 @@
 
     .section_files_text {
       font-weight: bold;
-      font-size: 18px;
+      font-size: 1.125rem;
       max-width: 300px;
       margin: 1rem 1.5rem;
       word-wrap: anywhere;

package/src/scss/sections/_se-horodatee.scss

@@ -25,12 +25,12 @@ $row-gap-tamp: 10px;
       }
 
       .table_date {
-        font-size: 12px;
+        font-size: 0.75rem;
       }
 
       .table_title {
         font-weight: 700;
-        font-size: 18px;
+        font-size: 1.125rem;
         padding-bottom: 20px;
       }
     }

package/src/scss/sections/_se-link.scss

@@ -143,7 +143,7 @@
 
     .section_files_text {
       font-weight: bold;
-      font-size: 18px;
+      font-size: 1.125rem;
       max-width: 300px;
       margin: 1rem 1.5rem;
 

package/src/scss/sections/_se-plan-geo.scss

@@ -94,13 +94,13 @@ body.faceted-map {
         .geo-item-title {
           color: #1f1f1f;
           font-weight: bold;
-          font-size: 15px;
+          font-size: 0.9375rem;
           text-decoration: none;
         }
 
         .geo-item-description {
           margin-top: 0.3rem;
-          font-size: 15px;
+          font-size: 0.9375rem;
           color: #1f1f1f;
         }
       }

package/src/scss/sections/_se-textes.scss

@@ -31,40 +31,15 @@ mark {
     margin-bottom: $section-text-h3-margin-bottom;
   }
 
+  ul,
   ol {
-    list-style-type: none;
-    counter-reset: item;
-
-    & > li {
-      display: table;
-      padding-left: 1rem;
-
-      &::before {
-        content: counters(item, ".") " ";
-        counter-increment: item;
-        display: inline-block;
-        width: 2em;
-        text-align: right;
-        position: relative;
-        left: -2.5em;
-        margin-right: -2em;
-      }
-    }
+    padding-left: 1rem;
   }
 
-  ul li {
+  ul li,
+  ol li {
     position: relative;
-    display: table;
-    padding-left: 1rem;
     margin: 0.25rem 0;
-    list-style: none;
-
-    &::before {
-      position: absolute;
-      top: -2px;
-      left: 0;
-      content: $list-style-custom;
-    }
   }
 
   .section-text {
@@ -190,7 +165,7 @@ blockquote::before {
   top: 9px;
   height: 10px;
   content: '"';
-  font-size: 32px;
+  font-size: 2rem;
   font-weight: 600;
   line-height: 0;
   margin-right: 0.75rem;
@@ -201,7 +176,7 @@ blockquote::after {
   top: 8px;
   height: 10px;
   content: '"';
-  font-size: 32px;
+  font-size: 2rem;
   font-weight: 600;
   line-height: 0;
   margin-left: 0.5rem;