catalog-ui/src/app/ng2/components/filter-properties-assignment/filter-properties-assignment.component.less

   1 @import '../../../../assets/styles/variables';
   2 form{
   3     margin: 0 20px;
   4     .field{
   5         padding:20px 0;
   6         &:not(:last-child){
   7             border-bottom: solid 1px @main_color_o;
   8         }
   9         input{
  10             &::-webkit-input-placeholder { font-style: italic; } /* Safari, Chrome and Opera */
  11             &:-moz-placeholder { font-style: italic; } /* Firefox 18- */
  12             &::-moz-placeholder { font-style: italic; } /* Firefox 19+ */
  13             &:-ms-input-placeholder { font-style: italic; } /* IE 10+ */
  14             &:-ms-input-placeholder { font-style: italic; } /* Edge */
  15         }
  16     }
  17     /deep/ [ng-reflect-checked="true"]{
  18         /deep/ .checkbox-label-content{
  19             color: @main_color_a;
  20         }
  21     }
  22 }
  23
  24 .open-filter-button{
  25     cursor: pointer;
  26     width: 32px;
  27     height: 34px;
  28     margin-left:5px;
  29
  30     &.open{
  31         z-index: 1061;
  32         background-color: @main_color_p;
  33         border: solid 1px @main_color_c;
  34         border-bottom: none;
  35     }
  36     .filter-icon{
  37         top: 8px;
  38         right: 2px;
  39         position: relative;
  40     }
  41 }
  42
  43 /deep/ .popover{
  44     border: solid 1px @main_color_c !important;
  45 }