@adzen/doohbot 1.0.0

package/projects/doohbot/src/lib/utils/material-override.scss

@@ -0,0 +1,312 @@
+/*
+
+================================
+
+            SlideToggle
+
+================================
+
+*/
+
+.mat-slide-toggle-bar {
+  height: 21px !important;
+
+  width: 36px !important;
+
+  border-radius: 2px !important;
+
+  .mat-slide-toggle-thum-b-container {
+    top: 0px !important;
+
+    .mat-slide-toggle-thumb {
+      height: 21px !important;
+
+      border-radius: 2px !important;
+    }
+  }
+}
+
+.mat-slide-toggle.mat-primary.mat-checked {
+  .mat-slide-toggle-bar {
+    background-color: #c6d2d8 !important;
+  }
+
+  .mat-slide-toggle-thumb {
+    background-color: #016596 !important;
+  }
+}
+
+/*
+
+================================
+
+            Snackbar
+
+================================
+
+*/
+
+mat-snack-bar-container {
+  button {
+    color: #fff !important;
+  }
+
+  mat-icon {
+    font-size: 15pt;
+  }
+}
+
+.msg-warn {
+  div {
+    background-color: orange !important;
+
+    color: #fff !important;
+  }
+}
+
+.msg-success {
+  div {
+    background-color: green !important;
+
+    color: #fff !important;
+  }
+}
+
+.msg-error {
+  div {
+    background-color: red !important;
+
+    color: #fff !important;
+  }
+}
+
+.msg-info {
+  div {
+    background-color: rgb(68, 68, 211) !important;
+
+    color: #fff !important;
+  }
+}
+
+/*
+
+================================
+
+          Mat Card
+
+================================
+
+*/
+
+.mat-card-header-text {
+  margin: 2px !important;
+}
+
+.card-style {
+  box-shadow:
+    0px 6px 6px -3px rgb(0 0 0 / 20%),
+    0px 10px 14px 1px rgb(0 0 0 / 14%),
+    0px 4px 18px 3px rgb(0 0 0 / 12%) !important;
+}
+
+.mat-card-content {
+  padding: 0px !important;
+}
+
+/*
+
+================================
+
+            Mat Dialog
+
+================================
+
+*/
+
+div[mat-dialog-title] {
+  display: flex;
+
+  font-size: large !important;
+
+  color: #302727 !important;
+
+  padding: 0.5rem;
+
+  padding-left: 0;
+
+  span {
+    flex: 1;
+
+    display: flex;
+
+    align-items: center;
+
+    justify-content: center;
+  }
+
+  mat-icon {
+    align-self: center;
+  }
+
+  mat-icon:hover:not(.clear-form-icon) {
+    color: #fff !important;
+
+    background: #f33232 !important;
+
+    border-radius: 50% !important;
+  }
+
+  &:after {
+    content: '';
+
+    // background: $linear-gradient;
+
+    display: block;
+
+    height: 0.1rem;
+
+    width: 100%;
+
+    position: absolute;
+
+    bottom: 0;
+  }
+}
+
+mat-dialog-content {
+  margin: 0 !important;
+
+  padding: 20px 20px 8px 20px !important;
+}
+
+div[mat-dialog-actions] {
+  margin: 0 !important;
+
+  padding: 12px 13px !important;
+
+  justify-content: flex-end !important;
+}
+
+/*
+
+================================
+
+           NGXDate style override
+
+================================
+
+*/
+
+.mat-menu-panel {
+  max-width: 100% !important;
+
+  section {
+    width: 308px !important;
+  }
+}
+
+/*
+
+================================
+
+           MatSelect style override
+
+================================
+
+*/
+
+.mat-optgroup-label {
+  font-weight: 800;
+
+  border-top: solid 1px #f3eaea;
+
+  border-bottom: solid 1px #f3eaea;
+}
+
+.select-panel-w-10rem {
+  min-width: 10rem !important;
+}
+
+.select-panel-w-20rem {
+  min-width: 20rem !important;
+}
+
+.select-panel-w-25rem {
+  min-width: 25rem !important;
+}
+
+.select-panel-w-30rem {
+  min-width: 30rem !important;
+}
+
+.select-panel-w-50rem {
+  min-width: 50rem !important;
+}
+
+/*
+
+================================
+
+       MatTooltip style override
+
+================================
+
+*/
+
+.multi-line-tooltip {
+  white-space: pre-line;
+}
+
+.mat-tooltip {
+  background-color: #fff !important;
+}
+
+/*
+
+================================
+
+       MatDrawer style override
+
+================================
+
+*/
+
+.mat-drawer-backdrop {
+  background-color: #68565682 !important;
+}
+
+mat-icon {
+  cursor: pointer;
+}
+
+/*
+
+================================
+
+       Mat Progress Bar
+
+================================
+
+*/
+
+mat-progress-bar {
+  .mdc-linear-progress__buffer-bar {
+    background-color: rgb(249 250 255 / 0%) !important;
+  }
+}
+
+/*
+
+================================
+
+       Mat Bottomsheet
+
+================================
+
+*/
+
+mat-bottom-sheet-container {
+  padding: 0px !important;
+
+  overflow: hidden !important;
+}