Catalog alignment
[sdc.git] / catalog-ui / src / app / ng2 / pages / composition / panel / panel-header / panel-header.component.less
1 /deep/
2 .component-details-panel-header {
3     display: flex;
4     flex-direction: row;
5     height: 120px;
6     align-items: center;
7
8     .icon {
9         margin: 0 20px;
10         display:flex;
11     }
12
13     .title {
14         font-size: 16px;
15         text-overflow: ellipsis;
16         max-width: 180px;
17         white-space: nowrap;
18         overflow: hidden;
19     }
20
21     .rename-instance {
22         position: absolute;
23         top: 14px;
24         right: 20px;
25         cursor: pointer;
26     }
27
28     .delete-instance {
29         position: absolute;
30         top: 14px;
31         right: 40px;
32         cursor: pointer;
33     }
34
35
36     .non-certified {
37         position: absolute;
38         background-image: url('../../../../../../assets/styles/images/sprites/sprite-global-old.png');
39         background-position: -157px -3386px; width: 15px; height: 15px;
40     
41         &.smaller-icon {
42             left: 35px;
43             bottom: -14px;
44         }
45     }
46     
47     
48 }