diff options
Diffstat (limited to 'catalog-ui/src/app/ng2/components/logic/service-dependencies')
-rw-r--r-- | catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.less | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.less b/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.less index 9b1535864e..f854f809d8 100644 --- a/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.less +++ b/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.less @@ -12,22 +12,26 @@ color: @main_color_a; box-shadow: 0 2px 7px @main_color_o; border-bottom: 1px solid @main_color_o; + .checkbox-label { margin-top: 14px; + .checkbox-label-content { font-size: 14px; } } + .checkbox-container input[type=checkbox].checkbox-hidden[disabled] ~ .checkbox-label-content { opacity: 0.5; } + .delete-btn { background-position: -137px -415px; width: 24px; height: 24px } - loader { + .loader { top: 20px; } } @@ -50,19 +54,24 @@ justify-content: space-between; margin-left: 5px; width: 180px; + .delete-icon { visibility: hidden; } + &:not(.readonly):hover { .a_1; } - &:hover .delete-icon{ + + &:hover .delete-icon { visibility: visible; } + &.readonly { opacity: 0.5; } } + .filter-desc { .sdc-ellipsis; width: 220px; @@ -72,19 +81,21 @@ } } + .w-sdc-designer-sidebar-section-node-filter-footer { margin-top: 10px; margin-bottom: 10px; text-align: center; width: 100%; } + .w-sdc-designer-sidebar-section-node-filter-footer-action { width: 180px; margin-top: 10px; } } -/deep/.sdc-accordion { +/deep/ .sdc-accordion { margin-bottom: 0; display: grid; @@ -104,11 +115,12 @@ .sdc-accordion-body.open { padding-left: 0; padding-top: 0; + .sdc-accordion-header { /*Second level - nested accordion */ background-color: #f8f8f8; padding: 4px 20px 4px 37px; border-bottom: 1px solid #d2d2d2; - border-left:none; + border-left: none; height: 30px; } } |