catalog-ui/src/app/view-models/dcae-app/dcae-app.less

   1 .sdc-catalog-container {
   2
   3     .i-sdc-categories-list-item {
   4         font-weight: normal;
   5     }
   6
   7     // Checkboxes
   8     .i-sdc-designer-leftbar-section-content-ul {
   9         padding: 0;
  10         margin: 0;
  11
  12         .i-sdc-catalog-subcategories-checkbox {
  13             padding: 0 0 0 20px;
  14             margin: 0;
  15
  16             .i-sdc-catalog-grouping-checkbox {
  17                 padding: 0 0 0 20px;
  18                 margin: 0;
  19             }
  20
  21         }
  22
  23     }
  24
  25     .i-sdc-designer-leftbar-section-content-li {
  26         &:last-child {
  27             .i-sdc-categories-list-item {
  28                 margin: 0;
  29             }
  30         }
  31     }
  32
  33     .i-sdc-categories-list-item {
  34         display: block;
  35         //margin-bottom: 5px;
  36         //padding-left: 15px;
  37         //text-indent: -24px;
  38         vertical-align: top;
  39         font-weight: bold;
  40     }
  41
  42     .i-sdc-subcategories-list-item {
  43         display: block;
  44         //padding-left: 20px;
  45         vertical-align: top;
  46         font-weight: normal;
  47         margin: 0;
  48         //text-indent: -10px;
  49     }
  50
  51     .i-sdc-categories-list-item-icon {
  52         display: inline-block;
  53         float: right;
  54         position: relative;
  55         right: -8px;
  56         top: 6px;
  57     }
  58
  59     .i-sdc-categories-list-item {
  60         margin-top: 7px;
  61         &.NOT_CERTIFIED_CHECKOUT,
  62         &.NOT_CERTIFIED_CHECKIN {
  63             .i-sdc-categories-list-item-icon {
  64                 background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2889px;
  65                 width: 14px;
  66                 height: 14px;
  67
  68             }
  69         }
  70
  71         &.CERTIFIED {
  72             .i-sdc-categories-list-item-icon {
  73                 background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -3034px;
  74                 width: 14px;
  75                 height: 16px;
  76             }
  77         }
  78
  79         &.DISTRIBUTED,
  80         &.TBD {
  81             .i-sdc-categories-list-item-icon {
  82                 background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -43px -3087px;
  83                 width: 24px;
  84                 height: 14px;
  85
  86             }
  87         }
  88     }
  89
  90     .i-sdc-categories-list-input {
  91         margin: 8px;
  92
  93     }
  94
  95     .i-sdc-subcategories-list-input {
  96
  97         margin: 8px;
  98     }
  99     .i-sdc-subcategories-list-input-container {
 100         margin: 0px 0px 0px 20px;
 101         padding: 2px;
 102     }
 103
 104     .w-sdc-header-catalog-search-container {
 105         display: table;
 106         padding: 21px 0;
 107         position: relative;
 108
 109         .w-sdc-designer-leftbar-search-input {
 110             color: #000;
 111             width: 300px;
 112         }
 113
 114        // .magnification {
 115       //      .sprite;
 116       //      .sprite.magnification-glass;
 117       //      .hand;
 118       //      position: absolute;
 119       //      top: 40px;
 120      //       right: 42px;
 121       //  }
 122     }
 123
 124     .w-sdc-catalog-main {
 125         padding: 10px 12px;
 126     }
 127     .w-sdc-dashboard-catalog-header {
 128         .b_3;
 129         display: inline-block;
 130         font-style: italic;
 131         font-weight: bold;
 132         padding-left: 10px;
 133     }
 134
 135     .w-sdc-dashboard-catalog-header-order {
 136         .b_3;
 137         font-weight: 800;
 138     }
 139
 140     .w-sdc-dashboard-catalog-sort {
 141         .b_3;
 142         font-weight: bold;
 143         white-space:pre;
 144         &:hover{
 145             .hand;
 146             text-decoration: none;
 147             .a_3;
 148         }
 149         &.blue {
 150             .a_3;
 151         }
 152     }
 153
 154     .w-sdc-catalog-sort-arrow{
 155         display: inline-block;
 156         &.up{
 157             .b_3;
 158             width: 0;
 159             height: 0;
 160             border-left: 5px solid transparent;
 161             border-right: 5px solid transparent;
 162             border-bottom: 5px solid ;
 163         }
 164         &.down{
 165             .b_3;
 166             width: 0;
 167             height: 0;
 168             border-left: 5px solid transparent;
 169             border-right: 5px solid transparent;
 170             border-top: 5px solid;
 171         }
 172     }
 173
 174
 175
 176
 177     .w-sdc-dashboard-catalog-header-right{
 178         float: right;
 179         display: inline-block;
 180         padding-right:34px;
 181     }
 182
 183     .w-sdc-header-catalog-search-input {
 184         width: 420px;
 185         display: table-cell;
 186         padding: 0 25px 1px 10px;
 187         border: 1px solid #bcbcbc;
 188         .border-radius(10px);
 189         height: 30px;
 190         margin: 10px 30px;
 191         outline: none;
 192     }
 193
 194     .sdc-catalog-type-filter-container {
 195         margin-top: -1px;
 196     }
 197
 198     .i-sdc-designer-leftbar-section-title {
 199         text-transform: uppercase;
 200         .l_14_m;
 201         line-height: 30px;
 202     }
 203
 204     .i-sdc-designer-leftbar-section-title-icon {
 205         .hand;
 206         .tlv-sprite;
 207         .footer-close;
 208         transition: .3s all;
 209         margin-top: -4px;
 210     }
 211
 212     .i-sdc-designer-leftbar-section-title-text {
 213         margin-left: 20px;
 214     }
 215
 216     .seperator-left,
 217     .seperator-right {
 218         border-right: solid 1px @color_m;
 219         display: table-cell;
 220         width: 2px;
 221     }
 222
 223     // Rotate catalog left side arrows
 224     .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon {
 225         transform: rotate(180deg);
 226     }
 227
 228     // Transform catalog left side sections
 229     .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content {
 230         max-height: 0px;
 231         margin: 0 auto;
 232         transition: all .3s;
 233         overflow: hidden;
 234         padding: 0 10px 0 18px;
 235     }
 236
 237     .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content {
 238         max-height: 9999px;
 239         margin: 0 auto 1px;
 240         transition: all .3s;
 241         padding: 10px 18px 10px 18px;
 242         overflow: hidden;
 243     }
 244
 245 }
 246
 247 .w-sdc-search-icon{
 248     position: absolute;
 249     right: 40px;
 250     top: 40px;
 251     &.leftbar{
 252         top: 19px;
 253         right: 18px;
 254     }
 255     &.magnification {
 256         .sprite;
 257         .sprite.magnification-glass;
 258         .hand;
 259     }
 260     &.cancel {
 261         .sprite;
 262         .sprite.clear-text;
 263         .hand;
 264     }
 265 }