diff --git a/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss index a22671248a..54dc438011 100644 --- a/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss +++ b/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss @@ -63,44 +63,51 @@ .mat-mdc-dialog-content { max-height: 80vh; - padding: 16px; + padding: 0 16px 16px 16px; + border-top: 16px solid #fff; } } :host ::ng-deep { .tb-markdown-view { padding: 16px 16px 32px 16px; - div.code-wrapper button.clipboard-btn { - right: -2px !important; - p { - color: #305680; - } - p, div { - background-color: #F3F6FA; - } - div { - img { - display: none; + div { + background-color: #F3F6FA; + &.code-wrapper button.clipboard-btn { + right: -2px !important; + p { + color: $tb-primary-color !important; } - &:after { - content: ""; - position: initial; - display: block; - width: 18px; - height: 18px; - background: #305680; - mask-image: url(/assets/copy-code-icon.svg); - mask-repeat: no-repeat; + p, div { + background-color: unset !important; + } + div { + img { + display: none; + } + &:after { + content: ""; + position: initial; + display: block; + width: 18px; + height: 18px; + background: $tb-primary-color; + mask-image: url(/assets/copy-code-icon.svg); + mask-repeat: no-repeat; + } + } + &.multiline { + right: -2px !important; } - } - &.multiline { - right: -2px !important; } } & > *:not(ul) { padding-right: unset !important; padding-left: unset !important; } + pre[class*="language-"] { + border: 1px solid $tb-primary-color !important; + } } .mdc-button__label > span { .mat-icon { @@ -109,6 +116,13 @@ } } + .mat-mdc-tab-header { + position: sticky; + top: 0; + z-index: 10; + background-color: #fff; + } + .tabs-icon { margin-right: 8px; }