catalog-ui/src/app/view-models/workspace/tabs/composition/tabs/artifacts/artifacts.less

   1 .w-sdc-designer-sidebar-tab-content.artifacts {
   2
   3     .i-sdc-designer-sidebar-section-content-item-artifact.hand {
   4         .hand;
   5     }
   6
   7     .w-sdc-designer-sidebar-section-content {
   8         padding: 0;
   9     }
  10     .w-sdc-designer-sidebar-section-title {
  11         &.expanded {
  12             margin-bottom: 0;
  13         }
  14     }
  15
  16     .i-sdc-designer-sidebar-section-content-item-artifact-details {
  17         display: inline-block;
  18         margin-left: 5px;
  19         vertical-align: middle;
  20         width: 180px;
  21         &.heat {
  22             line-height: 18px;
  23             width: 250px;
  24         }
  25     }
  26
  27     .i-sdc-designer-sidebar-section-content-item-artifact-details-name {
  28         .s_14_r;
  29         overflow: hidden;
  30         text-overflow: ellipsis;
  31         white-space: nowrap;
  32         max-width:220px;
  33         display: inline-block;
  34         //text-transform: capitalize;
  35         &.enabled {
  36             &:hover {
  37                 .a_7;
  38                 font-family: @font-opensans-regular
  39             }
  40         }
  41
  42     }
  43
  44     .i-sdc-designer-sidebar-section-content-item-artifact-heat-env {
  45         .g_7;
  46         margin-top: 6px;
  47         line-height: 42px;
  48         padding-top: 10px;
  49         border-top:1px solid #c8cdd1;
  50         .enabled {
  51             &:hover {
  52                 .hand;
  53                 .a_7;
  54             }
  55         }
  56     }
  57
  58     .i-sdc-designer-sidebar-section-content-item-artifact-filename {
  59         .g_7;
  60         overflow: hidden;
  61         text-overflow: ellipsis;
  62         white-space: nowrap;
  63         max-width: 225px;
  64         display: inline-block;
  65         .bold;
  66         &.enabled {
  67             &:hover {
  68                 .a_7;
  69             }
  70         }
  71     }
  72
  73
  74     .i-sdc-designer-sidebar-section-content-item-file-link{
  75         border-left: 1px #848586 solid;
  76         height: 58px;
  77         margin-left: -11px;
  78         margin-top: 11px;
  79         border-top: 1px #848586 solid;
  80         border-bottom: 1px #848586 solid;
  81         width: 12px;
  82         float: left;
  83     }
  84
  85     .i-sdc-designer-sidebar-section-content-item-artifact-details-desc {
  86         display: none;
  87         line-height: 16px;
  88         word-wrap: break-word;
  89         white-space: normal;
  90     }
  91
  92     .i-sdc-designer-sidebar-section-content-item-artifact-details-desc-label {
  93         .b_3;
  94     }
  95
  96
  97     .i-sdc-designer-sidebar-section-content-item-artifact {
  98         border-bottom: 1px solid #c8cdd1;
  99         padding: 5px 10px 5px 18px;
 100         position: relative;
 101        // line-height: 36px;
 102         min-height: 61px;
 103         //cursor: default;
 104         display: flex;
 105         align-items: center;
 106
 107
 108         .i-sdc-designer-sidebar-section-content-item-button {
 109             top: 20px;
 110             line-height: 10px;
 111         }
 112
 113         &:hover {
 114             //background-color: @color_c;
 115             .bg_c;
 116             transition: all .3s;
 117
 118             .i-sdc-designer-sidebar-section-content-item-button {
 119                 display: block;
 120
 121             }
 122
 123         }
 124     }
 125
 126 }
 127
 128 ///////////////////Lifecycle Management
 129 .i-sdc-designer-sidebar-section-content-item-lm {
 130     .b_7;
 131     border-bottom: 1px solid @color_e;
 132     cursor: pointer;
 133     height: 65px;
 134     padding: 22px 0;
 135     position: relative;
 136
 137     &:hover {
 138         .bg_c_hover;
 139         margin-left: -10px;
 140         margin-right: -10px;
 141         padding: 22px 10px;
 142
 143         .i-sdc-designer-sidebar-section-content-item-lm-icon {
 144             right: 16px;
 145         }
 146     }
 147 }
 148
 149 .i-sdc-designer-sidebar-section-content-item-lm:first-child {
 150     margin-top: -18px;
 151 }
 152
 153 .i-sdc-designer-sidebar-section-content-item-lm-icon {
 154     position: absolute;
 155     right: 6px;
 156
 157     //TODO: Replace the icons.
 158     &.icon-view {
 159         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdGMDNBRUJDMDkxNjExRTVCMjRBOEI5QzMxQTlBQjY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdGMDNBRUJEMDkxNjExRTVCMjRBOEI5QzMxQTlBQjY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0YwM0FFQkEwOTE2MTFFNUIyNEE4QjlDMzFBOUFCNjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwM0FFQkIwOTE2MTFFNUIyNEE4QjlDMzFBOUFCNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4U2decAAABRUlEQVR42pyRPUvDUBSG39t2UyyaBgvWQZMqKoFq4lBH0U0UqXSxKPaPieCoWPAPKIgdjG1ohaghOrSR1iaLKMXpmnMhQVfPcLmc8zxwPhjnHFE4rx3eMO/w4rr4+vwQuZHRMcwqClaMVeRnplnEskg8O7/g96YJSZLgBz5+R0bKIAgC6IaBvdKukBP0HJ+cctu2cVCtQsrIUFUVlcp+LE6EItWIIVaIV9c3/PnRRqlcxkJeYV2vi+/hEO/9QSx6b56oEUMsOal6/TacQcXinCpaGE+n0QnljufFIuUoiAlZTk6iWFyD6zpoWi3RwvrmBlLJZCzRn3IUxBBLjlgO9e06T9ja3sGyrqPX66NtWQLWCgVks5Owmg1c1mpQ8vM4OqywP1s1w1PkpnJY0jTIsizy/sDHQ7sFmt0ITxJtlf33jj8CDADhB52tEX6ifAAAAABJRU5ErkJggg==');
 160         height: 9px;
 161         top: 29px;
 162         width: 14px;
 163     }
 164
 165     //TODO: Replace the icons.
 166     &.icon-alert {
 167         background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBM0YxQTBCMDkyMDExRTVBNzlCQUYxNEYwMDUwOTQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBM0YxQTBDMDkyMDExRTVBNzlCQUYxNEYwMDUwOTQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEEzRjFBMDkwOTIwMTFFNUE3OUJBRjE0RjAwNTA5NDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEEzRjFBMEEwOTIwMTFFNUE3OUJBRjE0RjAwNTA5NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7exgceAAAB5klEQVR42oySy2tTQRTGfzN3cpvbpFTaUlzUjeCuVFyJf4DuCl34wL/CrbpUunLnwpUuFFy48IFiwYWhpYuW+gCLrbWKBQumaRIba5ub3MccJ5WECCV44MDMme873/lmBhGhnZulcn/3/sfrO7J/45R017pT0xUS2bC93vy2LAOLt5DfCeUn14RD4h/ysbHRDii/8pyo7DmFiP7VZ4Rbu9KT3I7i+qJklp7ibQt2J6HeNOhXV/gv8tDcbaLtXYLJKeTcZfxqSPPzvGu6ID3J1Q8z0ny/hIkM5swF8qenUFUfwixHCtd7Kwez04jOgEmc+hq6tuZ8N9E6xG5U+Pn2kRxKLs7eE7tRc0XlToRM2sD+2sGmDiY+kWsSFG528Kr1Xgfjfn0n5uElvFrrzVqVDHqkiTKjxCsV9LBx08QkgcY/eZH+89Oqo+x9eumkwQaQaoPEKWpsHHN8ArItgLt5UdiG6736mFLxixyQt+bviik8QPuaNFRIkjqQRZ2YJDo6QWydjTRtOcGPPdJKgnlxFfN9fVmGNhecR4U3mLrL6nPTRTQHXZO5+4jyyI4Iqs99GJvgBiKjcySlj3897y6/kbreI4w0QS7ASxrsa4/cXkxkIzK5PKmNqRMw7NfdeczA+Fn1R4ABAPnMAeCjkgf5AAAAAElFTkSuQmCC');
 168         height: 13px;
 169         top: 27px;
 170         width: 15px;
 171     }
 172
 173 }