catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/artifacts-tab/artifacts-tab.component.less

   1 @import '../../../../../../../assets/styles/override';
   2
   3
   4 .artifacts /deep/ .expand-collapse-content {
   5     padding: 10px 0px;
   6
   7     &.collapsed {
   8         padding: 0 0;
   9     }
  10 }
  11
  12 .i-sdc-designer-sidebar-section-content-item-artifact {
  13
  14     &:not(:hover) .artifact-button {
  15         display:none;
  16     }
  17     .artifact-buttons-container {
  18         display: inline-flex;
  19         flex-direction: row-reverse;
  20         position: absolute;
  21         right:0;
  22
  23         &.upper-buttons {
  24             margin-top: 8px;
  25         }
  26
  27         .artifact-button {
  28             cursor:pointer;
  29             padding-right:5px;
  30
  31             &.edit-pencil {
  32                 margin-top: 10px;
  33             }
  34         }
  35     }
  36 }
  37
  38 .w-sdc-designer-sidebar-section-footer {
  39     padding: 20px;
  40     display: flex;
  41     justify-content: center;
  42
  43 }
  44
  45
  46 .w-sdc-designer-sidebar-tab-content.artifacts {
  47
  48     .i-sdc-designer-sidebar-section-content-item-artifact.hand {
  49       cursor: pointer;
  50     }
  51
  52     .w-sdc-designer-sidebar-section-content {
  53         padding: 0;
  54     }
  55     .w-sdc-designer-sidebar-section-title {
  56         &.expanded {
  57             margin-bottom: 0;
  58         }
  59     }
  60
  61     .i-sdc-designer-sidebar-section-content-item-artifact-details {
  62         display: inline-block;
  63         margin-left: 5px;
  64         vertical-align: middle;
  65         width: 180px;
  66         &.heat {
  67             line-height: 18px;
  68             width: 250px;
  69         }
  70     }
  71
  72     .i-sdc-designer-sidebar-section-content-item-artifact-details-name {
  73
  74         overflow: hidden;
  75         text-overflow: ellipsis;
  76         white-space: nowrap;
  77         max-width:220px;
  78         display: inline-block;
  79         //text-transform: capitalize;
  80         &.enabled {
  81             &:hover {
  82                 color: @sdcui_color_dark-blue;
  83             }
  84         }
  85
  86     }
  87
  88     .i-sdc-designer-sidebar-section-content-item-artifact-heat-env {
  89         color: @sdcui_color_dark-gray;
  90         margin-top: 6px;
  91         line-height: 42px;
  92         padding-top: 10px;
  93         border-top:1px solid #c8cdd1;
  94         .enabled {
  95             &:hover {
  96                 cursor: pointer;
  97                 color: @sdcui_color_dark-blue;
  98             }
  99         }
 100     }
 101
 102     .i-sdc-designer-sidebar-section-content-item-artifact-filename {
 103         color: @sdcui_color_dark-gray;
 104         overflow: hidden;
 105         text-overflow: ellipsis;
 106         white-space: nowrap;
 107         max-width: 225px;
 108         display: inline-block;
 109         font-weight: bold;
 110         &.enabled {
 111             &:hover {
 112                 color: @sdcui_color_dark-blue;
 113             }
 114         }
 115     }
 116
 117
 118     .i-sdc-designer-sidebar-section-content-item-file-link{
 119         border-left: 1px #848586 solid;
 120         height: 58px;
 121         margin-left: -11px;
 122         margin-top: 11px;
 123         border-top: 1px #848586 solid;
 124         border-bottom: 1px #848586 solid;
 125         width: 12px;
 126         float: left;
 127     }
 128
 129     .i-sdc-designer-sidebar-section-content-item-artifact-details-desc {
 130         display: none;
 131         line-height: 16px;
 132         word-wrap: break-word;
 133         white-space: normal;
 134     }
 135
 136     .i-sdc-designer-sidebar-section-content-item-artifact-details-desc-label {
 137         color: @sdcui_color_dark-gray;
 138     }
 139
 140
 141     .i-sdc-designer-sidebar-section-content-item-artifact {
 142         border-bottom: 1px solid #c8cdd1;
 143         padding: 5px 10px 5px 18px;
 144         position: relative;
 145         // line-height: 36px;
 146         min-height: 61px;
 147         //cursor: default;
 148         display: flex;
 149         align-items: center;
 150
 151
 152         .i-sdc-designer-sidebar-section-content-item-button {
 153             top: 20px;
 154             line-height: 10px;
 155         }
 156
 157         &:hover {
 158             //background-color: @color_c;
 159             background-color: white;
 160             transition: all .3s;
 161
 162             .i-sdc-designer-sidebar-section-content-item-button {
 163                 display: block;
 164
 165             }
 166
 167         }
 168     }
 169 }