Browse Source
Merge pull request #9263 from deaflynx/feature/improve-edge-instruction-update
Edge install instructions minor updates
pull/9283/head
Andrew Shvayka
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
38 additions and
24 deletions
-
ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss
|
|
@ -63,44 +63,51 @@ |
|
|
|
|
|
|
|
|
.mat-mdc-dialog-content { |
|
|
.mat-mdc-dialog-content { |
|
|
max-height: 80vh; |
|
|
max-height: 80vh; |
|
|
padding: 16px; |
|
|
padding: 0 16px 16px 16px; |
|
|
|
|
|
border-top: 16px solid #fff; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
:host ::ng-deep { |
|
|
:host ::ng-deep { |
|
|
.tb-markdown-view { |
|
|
.tb-markdown-view { |
|
|
padding: 16px 16px 32px 16px; |
|
|
padding: 16px 16px 32px 16px; |
|
|
div.code-wrapper button.clipboard-btn { |
|
|
div { |
|
|
right: -2px !important; |
|
|
background-color: #F3F6FA; |
|
|
p { |
|
|
&.code-wrapper button.clipboard-btn { |
|
|
color: #305680; |
|
|
right: -2px !important; |
|
|
} |
|
|
p { |
|
|
p, div { |
|
|
color: $tb-primary-color !important; |
|
|
background-color: #F3F6FA; |
|
|
|
|
|
} |
|
|
|
|
|
div { |
|
|
|
|
|
img { |
|
|
|
|
|
display: none; |
|
|
|
|
|
} |
|
|
} |
|
|
&:after { |
|
|
p, div { |
|
|
content: ""; |
|
|
background-color: unset !important; |
|
|
position: initial; |
|
|
} |
|
|
display: block; |
|
|
div { |
|
|
width: 18px; |
|
|
img { |
|
|
height: 18px; |
|
|
display: none; |
|
|
background: #305680; |
|
|
} |
|
|
mask-image: url(/assets/copy-code-icon.svg); |
|
|
&:after { |
|
|
mask-repeat: no-repeat; |
|
|
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) { |
|
|
& > *:not(ul) { |
|
|
padding-right: unset !important; |
|
|
padding-right: unset !important; |
|
|
padding-left: unset !important; |
|
|
padding-left: unset !important; |
|
|
} |
|
|
} |
|
|
|
|
|
pre[class*="language-"] { |
|
|
|
|
|
border: 1px solid $tb-primary-color !important; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
.mdc-button__label > span { |
|
|
.mdc-button__label > span { |
|
|
.mat-icon { |
|
|
.mat-icon { |
|
|
@ -109,6 +116,13 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.mat-mdc-tab-header { |
|
|
|
|
|
position: sticky; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
z-index: 10; |
|
|
|
|
|
background-color: #fff; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.tabs-icon { |
|
|
.tabs-icon { |
|
|
margin-right: 8px; |
|
|
margin-right: 8px; |
|
|
} |
|
|
} |
|
|
|
