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         &.READY_FOR_CERTIFICATION {
  80             .i-sdc-categories-list-item-icon {
  81                 background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2985px;
  82                 width: 14px;
  83                 height: 16px;
  84             }
  85         }
  86
  87         &.CERTIFICATION_IN_PROGRESS {
  88             .i-sdc-categories-list-item-icon {
  89                 background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2934px;
  90                 width: 14px;
  91                 height: 16px;
  92             }
  93         }
  94
  95         &.DISTRIBUTED,
  96         &.TBD {
  97             .i-sdc-categories-list-item-icon {
  98                 background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -43px -3087px;
  99                 width: 24px;
 100                 height: 14px;
 101
 102             }
 103         }
 104     }
 105
 106     .i-sdc-categories-list-input {
 107         margin: 8px;
 108
 109     }
 110
 111     .i-sdc-subcategories-list-input {
 112
 113         margin: 8px;
 114     }
 115     .i-sdc-subcategories-list-input-container {
 116         margin: 0px 0px 0px 20px;
 117         padding: 2px;
 118     }
 119
 120     .w-sdc-header-catalog-search-container {
 121         display: table;
 122         padding: 21px 0;
 123         position: relative;
 124
 125         .w-sdc-designer-leftbar-search-input {
 126             color: #000;
 127             width: 300px;
 128         }
 129
 130        // .magnification {
 131       //      .sprite;
 132       //      .sprite.magnification-glass;
 133       //      .hand;
 134       //      position: absolute;
 135       //      top: 40px;
 136      //       right: 42px;
 137       //  }
 138     }
 139
 140     .w-sdc-catalog-main {
 141         padding: 10px 12px;
 142     }
 143     .w-sdc-dashboard-catalog-header {
 144         .b_3;
 145         display: inline-block;
 146         font-style: italic;
 147         font-weight: bold;
 148         padding-left: 10px;
 149     }
 150
 151     .w-sdc-dashboard-catalog-header-order {
 152         .b_3;
 153         font-weight: 800;
 154     }
 155
 156     .w-sdc-dashboard-catalog-sort {
 157         .b_3;
 158         font-weight: bold;
 159         white-space:pre;
 160         &:hover{
 161             .hand;
 162             text-decoration: none;
 163             .a_3;
 164         }
 165         &.blue {
 166             .a_3;
 167         }
 168     }
 169
 170     .w-sdc-catalog-sort-arrow{
 171         display: inline-block;
 172         &.up{
 173             .b_3;
 174             width: 0;
 175             height: 0;
 176             border-left: 5px solid transparent;
 177             border-right: 5px solid transparent;
 178             border-bottom: 5px solid ;
 179         }
 180         &.down{
 181             .b_3;
 182             width: 0;
 183             height: 0;
 184             border-left: 5px solid transparent;
 185             border-right: 5px solid transparent;
 186             border-top: 5px solid;
 187         }
 188     }
 189
 190
 191
 192
 193     .w-sdc-dashboard-catalog-header-right{
 194         float: right;
 195         display: inline-block;
 196         padding-right:34px;
 197     }
 198
 199     .w-sdc-header-catalog-search-input {
 200         width: 420px;
 201         display: table-cell;
 202         padding: 0 25px 1px 10px;
 203         border: 1px solid #bcbcbc;
 204         .border-radius(10px);
 205         height: 30px;
 206         margin: 10px 30px;
 207         outline: none;
 208     }
 209
 210     .sdc-catalog-type-filter-container {
 211         margin-top: -1px;
 212     }
 213
 214     .i-sdc-designer-leftbar-section-title {
 215         text-transform: uppercase;
 216         .l_14_m;
 217         line-height: 30px;
 218     }
 219
 220     .i-sdc-designer-leftbar-section-title-icon {
 221         .hand;
 222         .tlv-sprite;
 223         .footer-close;
 224         transition: .3s all;
 225         margin-top: -4px;
 226     }
 227
 228     .i-sdc-designer-leftbar-section-title-text {
 229         margin-left: 20px;
 230     }
 231
 232     .seperator-left,
 233     .seperator-right {
 234         border-right: solid 1px @color_m;
 235         display: table-cell;
 236         width: 2px;
 237     }
 238
 239     // Rotate catalog left side arrows
 240     .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon {
 241         transform: rotate(180deg);
 242     }
 243
 244     // Transform catalog left side sections
 245     .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content {
 246         max-height: 0px;
 247         margin: 0 auto;
 248         transition: all .3s;
 249         overflow: hidden;
 250         padding: 0 10px 0 18px;
 251     }
 252
 253     .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content {
 254         max-height: 9999px;
 255         margin: 0 auto 1px;
 256         transition: all .3s;
 257         padding: 10px 18px 10px 18px;
 258         overflow: hidden;
 259     }
 260
 261 }
 262
 263 .w-sdc-search-icon{
 264     position: absolute;
 265     right: 40px;
 266     top: 40px;
 267     &.leftbar{
 268         top: 19px;
 269         right: 18px;
 270     }
 271     &.magnification {
 272         .sprite;
 273         .sprite.magnification-glass;
 274         .hand;
 275     }
 276     &.cancel {
 277         .sprite;
 278         .sprite.clear-text;
 279         .hand;
 280     }
 281 }