imio.smartweb.core 1.2.12__py3-none-any.whl → 1.2.68__py3-none-any.whl

imio/smartweb/core/webcomponents/src/components/Events/Events.scss

@@ -1,24 +1,29 @@
-html, body {
-	max-width: 100%;
-	overflow-x: initial!important;
+html,
+body {
+  max-width: 100%;
+  overflow-x: initial !important;
 }
-.row{
+
+.row {
   padding: 0;
   margin: 0;
 }
+
 .breadcrumb {
-	padding: 0;
+  padding: 0;
 }
+
 // FOR SCROLL
 
 body .outer-wrapper {
-  & > .container{
-    max-width: 100%!important;
-    padding: 0!important;
+  &>.container {
+    max-width: 100% !important;
+    padding: 0 !important;
 
   }
 }
-.r-annuaire-wrapper{
+
+.r-annuaire-wrapper {
   @media screen and (min-width:1200px) {
     max-width: 100%;
     margin-right: inherit;
@@ -26,60 +31,52 @@ body .outer-wrapper {
     padding-left: 0;
   }
 }
-#portal-column-content{
-  padding: 0!important;
-}
-.r-result-filter-container{
-  @media screen and (min-width:1200px) {
-    position: sticky;
-  }
-  background: #fff;
-  z-index: 1;
-}
-.annuaire-result-filter{
-  padding: 0 .75rem;
+
+#portal-column-content {
+  padding: 0 !important;
 }
-#portal-column-content{
-  h1{
+
+
+#portal-column-content {
+  h1 {
     font-size: 0px;
     position: absolute;
   }
 }
-#viewlet-below-content-title,#viewlet-below-content-description{
+
+#viewlet-below-content-title,
+#viewlet-below-content-description {
   display: none;
 }
+
 header#content-header {
-	position: sticky;
-	top: 0;
+  position: sticky;
+  top: 0;
   background: #fff;
 }
 
 
-article > header {
-	margin-bottom: 0px;
+article>header {
+  margin-bottom: 0px;
 }
 
-.r-annuaire-result{
+.r-annuaire-result {
   grid-area: 1 / 1 / 3 / 2;
 }
-.r-map.annuaire-map{
+
+.r-map.annuaire-map {
   position: sticky;
   grid-area: 1 / 2 / 2 / 3;
 }
 
 
 /////////
-.r-results-numbers{
-  width: 100%;
-  margin-bottom: 0.5rem;
-  span{
-    font-weight: bold;
-  }
-}
 
-.r-wrapper{
+
+.r-wrapper {
   display: block;
-  @media screen and (min-width:1200px){
+
+  @media screen and (min-width:1200px) {
     display: grid;
     grid-template-columns: minmax(20px, 800px) minmax(20px, 100%);
     justify-content: space-between;
@@ -87,85 +84,101 @@ article > header {
     margin-left: auto;
     gap: 40px;
   }
-  @media screen and (min-width:1400px){
+
+  @media screen and (min-width:1400px) {
     width: calc(648px + 50vw);
   }
 
-  .r-result{
+  .r-result {
     margin-top: 2rem;
     padding-bottom: 2rem;
-    &-filter{
-      display: flex;
-      gap: 20px;
-      .r-filter{
-        width: 100%;
-      }
-    }
-    &-list{
-      padding:0;
-      .r-list-item-group{
+
+    &-list {
+      padding: 0;
+
+      .r-list-item-group {
         position: relative;
         list-style: none;
-        margin:1rem 0;
-        .r-list-item-link{
+        margin: 1rem 0;
+
+        .r-list-item-link {
           inset: 0px !important;
           position: absolute !important;
         }
-        .r-list-item{
+
+        .r-list-item {
           display: flex;
           height: 100%;
           flex-direction: column;
-          @media screen and (min-width:600px){
-          flex-direction: row;
+
+          @media screen and (min-width:600px) {
+            flex-direction: row;
           }
-          .r-item-img{
+
+          .r-item-img {
             width: 100%;
             padding-bottom: 56%;
-            @media screen and (min-width:600px){
+
+            &.r-item-img-placeholder {
+              background-color: #f2f2f2;
+            }
+
+            @media screen and (min-width:600px) {
               width: 246px;
               height: 149px;
               padding-bottom: 0;
             }
+
             background-size: cover;
           }
-          .r-item-text{
+
+          .r-item-text {
             margin-top: 0.6rem;
-            @media screen and (min-width:600px){
+
+            @media screen and (min-width:600px) {
               margin-left: 1.5rem;
               margin-top: 0;
             }
+
             flex-grow: 1;
-            a{
+
+            a {
               position: relative;
             }
-            .r-item-title{
+
+            .r-item-title {
               font-weight: bold;
               display: block;
             }
-            .r-item-categorie{
+
+            .r-item-categorie {
               display: block;
             }
-            .r-item-all{
+
+            .r-item-all {
               display: flex;
               gap: 10px;
-              .r-item-adresse{
+
+              .r-item-adresse {
                 width: 36%;
               }
-              .r-item-contact{
-              }
+
+              .r-item-contact {}
             }
           }
         }
       }
     }
   }
-  .r-map{
-    @media screen and (max-width:1200px){
-      margin-top: 2rem!important;
+
+  .r-map {
+    @media screen and (max-width:1200px) {
+      margin-top: 2rem !important;
     }
-    .leaflet-container{
-      @media screen and (max-width:1200px){
-      height: 50vh!important;
+
+    .leaflet-container {
+      @media screen and (max-width:1200px) {
+        height: 50vh !important;
       }
     }
   }
@@ -174,10 +187,11 @@ article > header {
 
 
 // FOR BLA
-.r-load-more{
+.r-load-more {
   margin-bottom: 2rem;
   text-align: center;
-  button{
+
+  button {
     background: #000;
     border: solid 1px transparent;
     color: #fff;
@@ -189,62 +203,72 @@ article > header {
     font-size: 14px;
     margin: 0 auto;
     display: block;
-    &:hover{
+
+    &:hover {
       background: rgba(0, 0, 0, 0.871);
     }
   }
 }
-.r-wrapper{
-  .r-result{
-    &-list{
-      .r-list-item-group{
 
-        .r-list-item-link{
+.r-wrapper {
+  .r-result {
+    &-list {
+      .r-list-item-group {
 
-        }
-        .r-list-item{
-          .r-item-img{
+        .r-list-item-link {}
+
+        .r-list-item {
+          .r-item-img {
             border-radius: 15px 15px 15px 0px;
           }
-          .r-item-text{
+
+          .r-item-text {
             font-size: 13px;
-            &:after{
+
+            &:after {
               content: "";
               width: 50px;
               height: 50px;
               background: yellow;
               border-radius: 50px;
             }
-            .r-item-title{
+
+            .r-item-title {
               font-size: 18px;
             }
-            .r-item-categorie{
+
+            .r-item-categorie {
               margin-bottom: 5px;
               text-transform: uppercase;
               color: #747474;
               font-weight: 400;
+              font-size: 13px;
             }
-            .r-item-all{
+
+            .r-item-all {
               color: #727272;
 
-              a{
+              a {
                 color: #000;
               }
-              .r-item-adresse{
-                .itineraty{
+
+              .r-item-adresse {
+                .itineraty {
                   margin-top: 5px;
-                  &:before{
+
+                  &:before {
                     content: "";
                     width: 15px;
                     height: 15px;
                     display: inline-block;
                     background-size: contain;
-                    background: url(../../assets/location-bla.svg) no-repeat;
+                    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.68 10.97'%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cpath id='map-marker' d='M3.84,5.21A1.37,1.37,0,1,1,5.21,3.84h0A1.37,1.37,0,0,1,3.84,5.21M3.84,0A3.84,3.84,0,0,0,0,3.84H0C0,6.72,3.84,11,3.84,11S7.68,6.72,7.68,3.84A3.84,3.84,0,0,0,3.84,0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
                     vertical-align: middle;
                   }
                 }
               }
-              .r-item-contact{
+
+              .r-item-contact {
                 width: 100%;
               }
             }
@@ -261,75 +285,148 @@ article > header {
 
 
 //////////////////////////////
-.icon-baseline{
+.icon-baseline {
   display: inline-flex;
   align-self: center;
   margin-right: 0.4rem;
-  svg{
+
+  svg {
     top: .125em;
     position: relative;
     height: 1em;
     width: 1em;
   }
 }
-.dpinlb{
+
+.dpinlb {
   display: inline-block;
   vertical-align: top;
 }
+
+.r-recurence-past {
+  opacity: 0.5;
+}
+
+.recurence-schedul {
+  position: relative;
+}
+
+.recurence-schedul-more {
+  display: block;
+}
+
+.recurence-modal-display {
+  background-color: #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  width: max-content;
+  padding: 10px 15px !important;
+  box-shadow:
+    0.7px 0px 5.3px rgba(0, 0, 0, 0.024),
+    2.5px 0px 17.9px rgba(0, 0, 0, 0.036),
+    11px 0px 80px rgba(0, 0, 0, 0.06);
+  border-radius: 10px;
+  border: solid 1px #dadada;
+
+  span {
+    font-size: 14px;
+    color: #000;
+    border-bottom: solid 1px #969696;
+    margin-bottom: 0.4rem;
+    display: block;
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  li {
+    list-style: none;
+  }
+}
+
+.recurence-modal-hide {
+  display: none;
+}
+
 //// for bla ////
 // content
 
-.r-content-img{
-  padding-bottom: 56.25%;
+.r-content-img {
+  padding-bottom: 60%;
+}
+
+.r-content-header {
+  margin-bottom: 1rem;
 }
-.r-content-title{
-  margin: 1rem 0;
+
+.r-content-title {
+  margin: 0;
+}
+
+.r-content-recur-start-hours {
+  display: flex;
 }
-.news-info-title{
+
+.news-info-title {
   font-weight: 700;
   margin-bottom: 1rem;
   display: block;
   color: #008FD2;
 }
-.r-content-news-info{
+
+.r-content-news-info {
   display: flex;
   justify-content: space-between;
   margin-bottom: 2rem;
   flex-wrap: wrap;
 }
-.r-content-news-info-container{
+
+.r-content-news-info-container {
   @media screen and (min-width:600px) {
     column-count: 2;
   }
+
   // flex-flow: column wrap;
-  & > div{
+  &>div {
     margin: 0.6rem 0;
     padding-right: 3rem;
     break-inside: avoid;
-    svg{
+
+    svg {
       width: 16px;
     }
   }
-  .r-content-news-info--date{
+
+  .r-content-news-info--date {
     display: flex;
-    .r-content-date-start,.r-content-date-end,.r-content-date-start-hours{
+
+    .r-content-date-start,
+    .r-content-date-end,
+    .r-content-date-start-hours {
       display: flex;
       flex-wrap: wrap;
     }
   }
-  .r-content-news-info-social{
-    svg{
+
+  .r-content-news-info-social {
+    svg {
       width: 30px;
       height: 30px;
     }
-    ul{
+
+    ul {
       display: flex;
       align-items: center;
       margin: 0;
-      li{
+
+      li {
         list-style: none;
-        a{
-          &:hover{
+
+        a {
+          &:hover {
             opacity: .7;
           }
         }
@@ -337,19 +434,24 @@ article > header {
     }
   }
 }
-.r-content-news-info-action{
+
+.r-content-news-info-action {
   @media screen and (max-width:1000px) {
     margin-top: 1.1rem;
   }
-  a{
+
+  a {
     text-decoration: none;
   }
-  & > div{
+
+  &>div {
     margin: .6rem 0;
   }
-  .r-content-booking{
+
+  .r-content-booking {
     margin-top: 0;
-    a{
+
+    a {
       background: #000;
       color: #fff;
       padding: 0.4rem 1rem;
@@ -362,11 +464,13 @@ article > header {
       align-items: center;
       gap: 10px;
       cursor: pointer;
-      svg{
+
+      svg {
         width: 22px;
         fill: white;
       }
-      &:hover{
+
+      &:hover {
         color: #fff;
         background: rgb(63, 63, 63);
 
@@ -375,74 +479,104 @@ article > header {
   }
 }
 
+.r-content-topics {
+  display: flex;
+  gap: 15px;
+
+  span {
+    padding: 5px;
+    background: #f1f1f1;
+    border-radius: 5px;
+    margin-right: 5px;
+  }
+}
+
+.r-content-title-cat {
+  color: #8e8e8e;
+  margin-right: 5px;
+  font-size: 14px;
+}
+
 // //  No Map
 //   // Main
-  .no-map {
-    @media screen and (min-width: 600px) {
-      .r-annuaire-wrapper {
-          display: block;
+.no-map {
+  @media screen and (min-width: 600px) {
+    .r-annuaire-wrapper {
+      display: block;
+    }
+
+    .r-result-list {
+      max-width: 1296px;
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr;
+      gap: 20px;
+    }
+
+    .r-list-item-group {
+      transition: all .2s ease;
+
+      &:hover,
+      &:focus {
+        transform: translateY(-10px) !important;
       }
-      .r-result-list {
-          max-width: 1296px;
+
+      .r-list-item {
+        flex-direction: column !important;
+        box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
+
+        .r-item-img {
+          border-radius: 0 !important;
+          width: 100% !important;
+          height: 0 !important;
+          padding-bottom: 60% !important;
+          margin-bottom: .5rem;
+        }
+
+        .r-item-text {
           display: grid;
-          grid-template-columns: 1fr 1fr 1fr;
-          gap: 20px;
-      }
-      .r-list-item-group {
-          transition: all .2s ease;
-          &:hover,&:focus {
-              transform: translateY(-10px)!important;
+          grid-template-columns: 1fr 1fr;
+          margin-right: 1.5rem;
+
+          &:after {
+            display: none;
           }
-          .r-list-item {
-              flex-direction: column!important;
-              box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
-              .r-item-img {
-                  border-radius: 0!important;
-                  width: 100%!important;
-                  height: 0!important;
-                  padding-bottom: 60%!important;
-                  margin-bottom: .5rem;
-              }
-              .r-item-text {
-                  display: grid;
-                  grid-template-columns: 1fr 1fr;
-                  margin-right: 1.5rem;
-                  &:after {
-                    display: none;
-                  }
-                  .r-item-categorie {
-                      grid-row-start: 1;
-    
-                  } 
-                  .r-item-title {
-                      font-weight: 500!important;
-                      grid-row-start: 2;
-                      grid-column-start: 1;
-                      grid-column-end: 3;
-                      margin-bottom: 2rem;
-                      margin-top: 1rem;
-    
-    
-                  }
-                  .r-item-date {
-                      grid-row-start: 1;
-                      grid-column-start: 2;
-                      justify-self: end;
-                  }
-              }
+
+          .r-item-categorie {
+            grid-row-start: 1;
+
+          }
+
+          .r-item-title {
+            font-weight: 500 !important;
+            grid-row-start: 2;
+            grid-column-start: 1;
+            grid-column-end: 3;
+            margin-bottom: 2rem;
+            margin-top: 1rem;
+
+
           }
+
+          .r-item-date {
+            grid-row-start: 1;
+            grid-column-start: 2;
+            justify-self: end;
+          }
+        }
       }
     }
   }
+}
 
-  // content
+// content
 
-  .no-map {
-    .r-result.r-annuaire-result {
-      max-width: 1296px;
-    }
-    .envent-content {
-      max-width: 700px;
-      margin: 0 auto;
-    }
-  }
+.no-map {
+  .r-result.r-annuaire-result {
+    max-width: 1296px;
+  }
+
+  .envent-content {
+    max-width: 700px;
+    margin: 0 auto;
+  }
+}