@licklist/design 0.58.3-dev.8 → 0.58.3

package/src/styles/iframe-events/PoweredBy.scss

@@ -3,7 +3,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0 0.75rem 0 2rem;
+    padding: 0 0.75rem;
     height: 2rem;
     width: 100%;
     font-size: 0.75rem;
@@ -27,4 +27,4 @@
       color: $blue;
     }
   }
-}
+}

package/src/styles/iframe-order-process/IframeOrderProcess.scss

@@ -58,6 +58,8 @@
 
 .payment-booking-summary {
   transition: $color-transition;
+  background-color: transparent;
+  border: 1px solid transparent;
   border-radius: $iframe-border-radius;
   font-weight: 400;
   font-size: 0.875rem;

package/src/styles/iframe-page/Page.scss

@@ -21,7 +21,6 @@
 
   @include media-breakpoint-down(sm) {
     height: 100svh;
-    min-width: auto;
   }
 
   .header-block {

package/src/styles/iframe-page/PageBody.scss

@@ -12,6 +12,9 @@
   .left-block {
     flex: 1;
     align-items: stretch;
+    border-radius: 0.5rem;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
     padding: 1rem;
     background-color: $snippet-page-body-left-block-background-color;
     border: 0;
@@ -30,6 +33,7 @@
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
+
       .title {
         color: $snippet-elements-body-color;
         margin: 0;
@@ -60,7 +64,7 @@
       overflow-x: hidden;
       scrollbar-width: thin;
       .iframe-event-card {
-        border-bottom: 1px solid $separator-color;
+        border-bottom: 2px solid $separator-color;
       }
 
       @include media-breakpoint-down(sm) {
@@ -77,6 +81,8 @@
   }
 
   .right-block {
+    margin-left: 1rem;
+    border-radius: 0.5rem;
     height: calc(100% - 1rem);
     max-width: 17.5rem;
     min-width: 17.5rem;
@@ -109,7 +115,7 @@
       }
 
       .collapse {
-        max-height: calc(100vh - 15rem);
+        max-height: calc(100vh - 19rem);
         transition: none 0s ease 0s;
 
         &.show {
@@ -119,7 +125,7 @@
         }
 
         @include media-breakpoint-down(sm) {
-          max-height: 100%;
+          max-height: 7.5rem;
         }
       }
       .collapse-with-people-input {
@@ -145,14 +151,8 @@
     }
 
     .iframe-event-card {
-      border: none;
-
-      .card-image {
-        border-radius: 0;
-      }
-      .card-body {
-        padding-left: 1rem;
-      }
+      background-color: transparent;
+      border-color: transparent;
     }
 
     .price {
@@ -262,24 +262,3 @@
     }
   }
 }
-
-.event-list-page-body {
-  overflow: auto;
-  .left-block {
-    .navigation {
-      font-size: 1.125rem;
-      font-weight: 500;
-      padding-bottom: 2.625rem;
-      display: flex;
-      align-items: flex-start;
-      justify-content: space-between;
-      margin-top: 0.125rem;
-
-      .title {
-        position: absolute;
-        color: $snippet-elements-body-color;
-        margin: 0;
-      }
-    }
-  }
-}

package/src/styles/iframe-page/PageHeader.scss

@@ -20,57 +20,55 @@ $base-height: 2.5rem;
       transition: $color-transition;
       border: 0;
     }
-  }
-}
-
-.iframe-page {
-  .button-wrapper {
-    background-color: $snippet-page-header-steps-close-button-background-color;
-    height: $base-height;
-    width: $base-height;
-    border-radius: $base-height;
-    transition: $color-transition;
 
-    .close-button {
-      font-size: 1.25rem;
-      width: $base-height;
+    .button-wrapper {
+      background-color: $snippet-page-header-steps-close-button-background-color;
       height: $base-height;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: $snippet-page-header-steps-close-button-border-color;
+      width: $base-height;
+      border-radius: $base-height;
       transition: $color-transition;
 
-      &:hover {
-        cursor: pointer;
+      .close-button {
+        font-size: 1.25rem;
+        width: $base-height;
+        height: $base-height;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: $snippet-page-header-steps-close-button-border-color;
+        transition: $color-transition;
+
+        &:hover {
+          cursor: pointer;
+        }
       }
-    }
 
-    &.close-button {
-      margin-left: 1rem;
-    }
+      &.close-button {
+        margin-left: 1rem;
+      }
 
-    .back-button {
-      font-size: 2rem;
-      width: $base-height;
-      height: $base-height;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-weight: lighter;
-      color: $snippet-page-header-steps-close-button-border-color;
-      transition: $color-transition;
+      .back-button {
+        font-size: 2rem;
+        width: $base-height;
+        height: $base-height;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-weight: lighter;
+        color: $snippet-page-header-steps-close-button-border-color;
+        transition: $color-transition;
 
-      &:hover {
-        cursor: pointer;
+        &:hover {
+          cursor: pointer;
+        }
       }
-    }
 
-    &.back-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-right: 1rem;
+      &.back-button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 1rem;
+      }
     }
   }
 }

package/src/styles/report/ReportRunnerModal.scss

@@ -1,101 +1,95 @@
 .report-runner-modal {
-  .modal-dialog {
-    @include media-breakpoint-up(sm) {
-      max-width: 45rem;
+    .modal-dialog {
+      @include media-breakpoint-up(sm) {
+        max-width: 45rem;
+      }
     }
-  }
-
-  .modal-content {
-    max-width: 45rem;
-    margin: 0 auto;
-    padding: 1.25rem 1.5rem;
-
-    header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 1rem;
-      border-bottom: 2px solid #dcdcdc;
-
-      h5 {
-        margin-bottom: 0;
-        font-size: 1.125rem;
-        font-weight: 500;
+  
+    .modal-content {
+      max-width: 45rem;
+      margin: 0 auto;
+      padding: 1.25rem 1.5rem;
+  
+      header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 1rem;
+        border-bottom: 2px solid #dcdcdc;
+  
+        h5 {
+          margin-bottom: 0;
+          font-size: 1.125rem;
+          font-weight: 500;
+        }
+  
+        button {
+          padding-top: 0.5rem;
+          padding-bottom: 0.5rem;
+          font-size: 0.875rem;
+          font-weight: 600;
+          color: #0e8ce2;
+        }
       }
-
-      button {
-        padding-top: 0.5rem;
-        padding-bottom: 0.5rem;
+  
+      .data-fields {
+        display: flex;
+        flex-wrap: wrap;
+  
+        span {
+          position: relative;
+          font-size: 0.875rem;
+          font-weight: 500;
+  
+          &:after {
+            content: "|";
+            margin: 0 0.25rem;
+            color: #dcdcdc;
+          }
+  
+          &:last-child:after {
+            display: none;
+          }
+        }
+      }
+  
+      .edit-button {
+        padding: 0;
         font-size: 0.875rem;
         font-weight: 600;
         color: #0e8ce2;
-      }
-    }
-
-    .data-fields {
-      display: flex;
-      flex-wrap: wrap;
-
-      span {
-        position: relative;
-        font-size: 0.875rem;
-        font-weight: 500;
-
-        &:after {
-          content: "|";
-          margin: 0 0.25rem;
-          color: #dcdcdc;
-        }
-
-        &:last-child:after {
-          display: none;
+        text-decoration: underline;
+  
+        &:focus {
+          box-shadow: none;
         }
       }
-    }
-
-    .edit-button {
-      padding: 0;
-      font-size: 0.875rem;
-      font-weight: 600;
-      color: #0e8ce2;
-      text-decoration: underline;
-
-      &:focus {
-        box-shadow: none;
+  
+      input {
+        border-radius: 0.5rem;
       }
-    }
-
-    input {
-      border-radius: 0.5rem;
-    }
-
-    form {
-      margin-top: 1.25rem;
-
-      .period-by {
-        display: flex;
-        gap: 2rem;
+  
+      form {
         margin-top: 1.25rem;
+  
+        .controls {
+          display: flex;
+          gap: 2rem;
+          align-items: flex-start;
+          flex-wrap: wrap;
+        }
+  
+        .form-group {
+          flex: 1;
+        }
+  
+        button[type="submit"] {
+          white-space: nowrap;
+        }
       }
-
-      .controls {
-        display: flex;
-        gap: 2rem;
-        align-items: flex-start;
-        flex-wrap: wrap;
-      }
-
-      .form-group {
-        flex: 1;
-      }
-
-      button[type="submit"] {
-        white-space: nowrap;
+  
+      .loader {
+        height: 10rem;
       }
     }
-
-    .loader {
-      height: 10rem;
-    }
-  }
-}
+  }

package/src/styles/sales/BookingResults.scss

@@ -5,7 +5,7 @@
     flex-wrap: wrap;
 
     .result-card {
-      height: 14rem;
+      height: 14.25rem;
       border: 1px solid $gray-400;
       max-width: calc(50% - 0.75rem);
       flex: 0 0 calc(50% - 0.75rem);