@annalib/anna-core 20.2.16 → 20.2.18

package/src/lib/anna-common-scss/third-party-lib/_angular-material-mat-radio.scss

@@ -1,26 +1,25 @@
 @mixin anna-mat-radio() {
-  .mdc-radio__background {
-    width: var(--mat-radio-size);
-    height: var(--mat-radio-size);
-  }
+    .mdc-radio__background {
+        width: var(--mat-radio-size);
+        height: var(--mat-radio-size);
+    }
 
-  .mdc-radio__inner-circle {
-    border-width: calc(var(--mat-radio-size)/2);
-  }
+    .mdc-radio__inner-circle {
+        border-width: calc(var(--mat-radio-size) / 2);
+    }
 
-  .mdc-form-field > label {
-    margin: 0 0 0 4px;
-    padding: 0;
-    top: -2px;
-    position: relative;
-  }
+    .mdc-form-field > label {
+        margin: 0 0 0 4px;
+        padding: 0;
+        top: -2px;
+        position: relative;
+    }
 
-  .mdc-radio--disabled + label {
-    color: var(--primary-text-color-dark) !important;
-  }
+    .mdc-radio--disabled + label {
+        color: var(--primary-text-color-dark) !important;
+    }
 
-  &.mat-mdc-radio-button .mdc-form-field .mdc-radio {
-    padding: 0;
-  }  
-
-}
+    &.mat-mdc-radio-button .mdc-form-field .mdc-radio {
+        padding: 0;
+    }
+}

package/src/lib/anna-common-scss/third-party-lib/_anna-mat-button-toggle-group-size-lg.scss

@@ -1,34 +1,34 @@
 :host ::ng-deep mat-button-toggle-group.anna-button-toggle {
-  height: 30px;
+    height: 30px;
 
-  .mat-button-toggle-appearance-standard {
-    border: none !important;
-  }
+    .mat-button-toggle-appearance-standard {
+        border: none !important;
+    }
 
-  .mat-button-toggle-checked [aria-pressed*=true],
-  .mat-button-toggle-checked [disabled*=true],
-  .mat-button-toggle-1-button [disabled*=true] {
-    background-color: #1b88ff;
-    color: #fff;
-    opacity: 1;
-  }
+    .mat-button-toggle-checked [aria-pressed*="true"],
+    .mat-button-toggle-checked [disabled*="true"],
+    .mat-button-toggle-1-button [disabled*="true"] {
+        background-color: #1b88ff;
+        color: #fff;
+        opacity: 1;
+    }
 
-  button {
-    color: #1b88ff;
-    width: 110px;
-    text-align: initial;
-    display: flex !important;
-    justify-content: center !important;
-  }
+    button {
+        color: #1b88ff;
+        width: 110px;
+        text-align: initial;
+        display: flex !important;
+        justify-content: center !important;
+    }
 
-  .mat-button-toggle-label-content {
-    line-height: 30px;
-    letter-spacing: 0 !important;
-  }
+    .mat-button-toggle-label-content {
+        line-height: 30px;
+        letter-spacing: 0 !important;
+    }
 
-  span {
-    width: fit-content !important;
-    font-weight: 400;
-    font-size: 13px;
-  }
+    span {
+        width: fit-content !important;
+        font-weight: 400;
+        font-size: 13px;
+    }
 }

package/src/lib/anna-common-scss/third-party-lib/_mat-autocomplete.scss

@@ -1,28 +1,31 @@
-@mixin anna-mat-autocomplete(){
-  background-color: white;
-  padding: 0 !important;
-  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
+@mixin anna-mat-autocomplete() {
+    background-color: white;
+    padding: 0 !important;
+    box-shadow:
+        0 2px 4px -1px #0003,
+        0 4px 5px #00000024,
+        0 1px 10px #0000001f;
 
-  & .mat-mdc-option {
-    min-height: 30px;
-    height: 30px;
-    &:hover {
-     background-color: var(--dropdown-hover-color) !important;
-    }
+    & .mat-mdc-option {
+        min-height: 30px;
+        height: 30px;
+        &:hover {
+            background-color: var(--dropdown-hover-color) !important;
+        }
 
-    & .mdc-list-item__primary-text {
-     display: inline-block;
-     text-overflow: ellipsis;
-     overflow: hidden;
-     white-space: pre;
-    }
+        & .mdc-list-item__primary-text {
+            display: inline-block;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: pre;
+        }
 
-    & .mat-pseudo-checkbox {
-      display: none;
+        & .mat-pseudo-checkbox {
+            display: none;
+        }
     }
-  }
 
-  & .mat-option {
-   background-color: var(--dropdown-hover-color) !important;
-  }
-}
+    & .mat-option {
+        background-color: var(--dropdown-hover-color) !important;
+    }
+}