@annalib/anna-core 11.3.9 → 12.0.1

package/src/lib/anna-common-scss/_ng-select.scss

@@ -1,176 +0,0 @@
-/***COMMON NG-SELECT STYLING FOR ALL SIZES **/
-::ng-deep .ng-select {
-  & .ng-arrow,
-  & .ng-arrow:hover {
-    border-color: black transparent transparent !important;
-    opacity: 1 !important;
-  }
-
-  &.ng-select-opened .ng-arrow,
-  &.ng-select-opened .ng-arrow:hover {
-    border-color: transparent transparent black !important;
-    opacity: 1 !important;
-    padding-top: 2px;
-  }
-
-  & .ng-select-container {
-    border: 1px solid #b7b7b7 !important;
-    border-radius: 2px;
-    &:hover {
-      box-shadow: none;
-    }
-  }
-
-  &.custom-error-ng-select .ng-select-container {
-    border: 1px solid #f86c6b;
-  }
-
-  &.ng-select-disabled > .ng-select-container {
-    background-color: #bdbdbd;
-    opacity: 0.5;
-    cursor: not-allowed;
-
-  }
-
-  & .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
-    & .ng-option-label {
-      font-weight: normal !important;
-    }
-    &:hover {
-      background-color: #ebebeb;
-      color: #4a4a4a;
-    }
-    &:not(:hover){
-      background-color: #fff;
-    }
-    &.ng-option-selected  {
-      background-color: #268bff;
-      color: #fff;
-    }
-  }
-
-  &.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
-    border-color: lightgray;
-    box-shadow: none;
-  }
-
-}
-
-/*****EXTRA SMALL NG STYLE******/
-::ng-deep .ng-select.custom-xs-ng-select {
-  & .ng-select-container {
-    min-height: 22px !important;
-    font-size: 12px !important;
-  }
-
-  &.ng-select-single .ng-select-container {
-    height: 22px !important;
-  }
-
-  & .ng-dropdown-panel .scroll-host {
-    font-size: 12px !important;
-  }
-
-  & .ng-arrow-wrapper {
-    padding-top: 2px !important;
-  }
-
-  &.ng-select-opened,
-  &.ng-select-bottom,
-  &.ng-select-top {
-    & .ng-select-container {
-      padding-top: 6px !important;
-    }
-  }
-  &.non-searchable {
-    &.ng-select-opened,
-    &.ng-select-bottom,
-    &.ng-select-top {
-      & .ng-select-container {
-        padding-top: 4px !important;
-      }
-    }
-  }
-  & .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
-    padding: 3px 10px;
-  }
-}
-
-/**SMALL NG SELECT STYLE***/
-::ng-deep .ng-select.custom-sm-ng-select {
-  & .ng-select-container {
-    min-height: 1.5625rem !important;
-  }
-
-  &.ng-select-single .ng-select-container {
-    height: 1.5625rem !important;
-  }
-
-  &.ng-select-opened,
-  &.ng-select-bottom,
-  &.ng-select-top {
-    & .ng-select-container {
-      padding-top: 8px !important;
-    }
-  }
-  &.non-searchable {
-    &.ng-select-opened,
-    &.ng-select-bottom,
-    &.ng-select-top {
-      & .ng-select-container {
-        padding-top: 8px !important;
-      }
-    }
-  }
-  & .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
-    padding: 4px 10px;
-  }
-}
-
-/**MEDIUM NG SELECT STYLE***/
-::ng-deep .ng-select.custom-md-ng-select {
-  & .ng-select-container {
-    min-height: 30px !important;
-  }
-
-  &.ng-select-single .ng-select-container {
-    height: 1.875rem !important;
-  }
-}
-
-/**MEDIUM NG SELECT STYLE -2 !!! with 32px height !!!***/
-::ng-deep .ng-select.custom-md-32-ng-select {
-  & .ng-select-container {
-    min-height: 32px !important;
-  }
-
-  &.ng-select-single .ng-select-container {
-    height: 32px !important;
-  }
-}
-
-/**LARGE NG SELECT STYLE***/
-::ng-deep .ng-select.custom-lg-ng-select {
-  & .ng-select-container {
-    min-height: 2.8125rem !important;
-  }
-
-  &.ng-select-single .ng-select-container {
-    height: 2.8125rem !important;
-  }
-}
-
-
-:host::ng-deep .custom-arrow.ng-select.ng-select-opened>.ng-select-container{
-  .ng-arrow{
-   border-width: 0 4px 4px;
-   position: relative;
-   bottom: 1px;
- }
-}
-
-:host::ng-deep .custom-arrow.ng-select .ng-arrow-wrapper .ng-arrow{
- border-width: 4px 4px 2.5px;
- position: relative;
- bottom: 1px;
-}