catalog-ui/src/app/directives/utils/sdc-tags/sdc-tags.less

   1 .tags-box {
   2
   3     height: 100px;
   4     .bg_c;
   5
   6     .perfect-scrollbar {
   7         height: 70px;
   8     }
   9
  10     .new-tag-input {
  11         display: block;
  12
  13         -webkit-border-bottom-left-radius: 0 !important;
  14         -moz-border-radius-bottomleft: 0 !important;
  15         -khtml-border-bottom-left-radius: 0 !important;
  16         border-bottom-left-radius: 0 !important;
  17
  18         -webkit-border-bottom-right-radius: 0 !important;
  19         -moz-border-radius-bottomright: 0 !important;
  20         -khtml-border-bottom-right-radius: 0 !important;
  21         border-bottom-right-radius: 0 !important;
  22
  23         border: solid 1px #d8d8d8;
  24         width: 100%;
  25         height: 30px;
  26         line-height: 30px;
  27         padding: 2px 10px;
  28         outline: none;
  29     }
  30
  31     .tags-wrapper {
  32         padding: 10px;
  33         .border-radius-bottom-left(2px);
  34         .border-radius-bottom-right(2px);
  35         border: solid 1px #d8d8d8;
  36         border-top: none;
  37
  38         .group-tag {
  39             display: inline-block;
  40
  41             .sdc-tag {
  42                 border: solid 1px @main_color_n;
  43                 background-color: @main_color_p;
  44                 min-width: auto;
  45                 .tag {
  46                     margin-right: 10px;
  47                 }
  48             }
  49         }
  50         &.view-mode .group-tag {
  51             opacity: 1;
  52             background-color: #f8f8f8 !important;
  53             .sdc-tag {
  54                 background: none;
  55                 border-color: @main_color_o;
  56             }
  57         }
  58     }
  59
  60 }
  61