box-shadow: 0 2px 6px rgba(47, 83, 151, .15)
}
.topology-actions .dropdown-content a{
- padding: 0 20px;
+ padding: 0 20px 0 15px;
color: #1B3E6F;
font-size: 13px;
}
font-size: 11px;
line-height: 20px;
}
+.save-blueprint i{
+ margin-right: 7px;
+ font-size: 14px;
+}
+.save-blueprint i.icon-save-sm{
+ font-size: 10px;
+}
.save-blueprint li:hover{
cursor: pointer;
}
margin-top: 14px;
}
.controllerSidebar .custom-control label{
+ width: 100%;
margin-bottom: 0;
}
.controllerSidebar .custom-control i{
margin-top: 45px;
}
.attributesSideBar .attributesContainer{
- height: 85.9vh;
+ height: calc(100vh - 106px) /*85.9vh*/;
overflow-y: hidden;
padding-bottom: 20px;
background: #fff;
.icon-required-star{
margin-left: 2px;
font-size: 10px;
+ color: #FF6469;
}
.optional-attribute::before{
color: #CAD3E0;
}
.tooltiptext h5{
margin-bottom: 5px;
+ font-size: 15px;
}
.tooltipGetAtt h5{
margin-bottom: 0;
<div class="dropdown-text">Save</div>
<ul class="dropdown-content save-blueprint">
<li>
- <a (click)="saveBluePrint()">Save</a>
+ <a (click)="saveBluePrint()"><i class="icon-save-sm" aria-hidden="true"></i> Save</a>
</li>
<li>
- <a (click)="enrichBluePrint()">Enrich</a>
+ <a (click)="enrichBluePrint()"><i class="icon-enrich" aria-hidden="true"></i> Enrich</a>
</li>
<li>
- <a (click)="publishBluePrint()">Deploy</a>
+ <a (click)="publishBluePrint()"><i class="fa fa-play-circle" aria-hidden="true"></i> Deploy</a>
</li>
</ul>
</div>
this.boardPaper = new joint.dia.Paper({
el: $('#board-paper'),
model: this.boardGraph,
- height: 720,
- width: 1300,
+ height: '100%',
+ width: '100%',
// origin: { x: 80, y: 70 },
gridSize: 10, // background line sizes
drawGrid: true,
</div>
</div>
</div>
- <button class="btn btn-info btn-select-template m-auto" (click)="saveFunctionData()">Save</button>
+ <button class="btn btn-select-template m-auto" (click)="saveFunctionData()">Save</button>
</div>
<!--function - Select Template - Modal-->
<div class="dropdown-text">Save</div>
<ul class="dropdown-content">
<li>
- <a href="">Save</a>
+ <a href=""><i class="icon-save-sm" aria-hidden="true"></i> Save</a>
</li>
<li>
- <a href="">Save & Deploy</a>
+ <a href=""><i class="fa fa-play-circle" aria-hidden="true"></i> Save & Deploy</a>
</li>
</ul>
</div>
outline: 0 !important;
}
/*Bootstrap*/
+.form-control[readonly]{
+ background-color: inherit !important;
+ opacity: .85 !important;
+ font-weight: bold;
+}
.custom-control-input:checked ~ .custom-control-label::before{
border-color: transparent !important;
}
.single-custom-key{
width: 100%;
}
+.single-custom-key:last-child{
+ margin-bottom: 20px;
+}
.single-line-custom-key{
width: 45%;
display: inline-block;
}
.action-button i.icon-discard-sm{
font-size: 11px;
- color: #C3CDDB;
+ color: #BABBC3;
}
/* .action-button.save{
color: #1273EB !important;