1 @import '../../../assets/styles/variables.less';
3 .sdc-workspace-container {
31 background-color: @tlv_color_t;
34 border-right: 1px solid @main_color_o;
36 border-bottom: 1px solid @main_color_o;
45 text-overflow: ellipsis;
46 display: inline-block;
49 .i-sdc-designer-sidebar-section-content-item{
62 border-left: 4px solid @main_color_a;
72 .sdc-asset-creation-info {
78 .w-sdc-main-right-container {
80 padding: 0px 0px 0px 0px;
81 background-color: @main_color_p;
84 .sdc-workspace-top-bar {
85 height: @action_nav_height;
86 padding: 12px 10px 0px 50px;
87 border-bottom: 1px solid @main_color_o;
89 justify-content: space-between;
99 .general-view-top-progress {
114 .sdc-workspace-top-bar-buttons {
116 > button, > span:not(.delimiter) {
118 vertical-align: middle;
124 &.disabled, &:hover.disabled {
125 pointer-events: none;
131 background-color: @main_color_o;
132 display: inline-block;
133 vertical-align: middle;
139 .archive-state-label {
140 padding: 7px 0 0 10px;
141 margin: 2px 0 7px 10px;
142 border-left: 1px solid @main_color_o;
144 font-family: @font-opensans-bold;
145 color: @main_color_m;
150 padding: 7px 0 0 10px;
151 margin: 2px 0 7px 10px;
152 border-left: 1px solid @main_color_o;
154 font-family: @font-opensans-bold;
155 color: @main_color_m;
158 .lifecycle-state-icon {
161 .lifecycle-state-text {
164 text-transform: uppercase;
172 background-color: transparent;
183 &.composition, &.deployment{
184 .w-sdc-main-container-body-content {
188 .w-sdc-main-container-body-content {
189 // height:calc(~'100% - @{action_nav_height} - @{tab_title}');
191 padding: 0 100px 20px 100px;
196 top: @action_nav_height + @tab_title;
202 .w-sdc-main-container-body-content-wrapper {
204 height: calc(~'100% - @{action_nav_height}');
205 .w-sdc-main-container-body-content-header {
210 .w-sdc-main-container-body-content-action-buttons {
211 margin:72px 100px 0 0;
213 display: inline-block;
214 vertical-align: middle;