dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edge instructions css optimization

Browse Source
This commit is contained in:
deaflynx 2023-09-15 17:42:04 +03:00
parent 0239046046
commit 6f264dd698
1 changed files with 28 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss
View File

@ -14,11 +14,8 @@
* limitations under the License. * limitations under the License.
*/ */
@use '@angular/material' as mat;
@import "../../../../../scss/constants"; @import "../../../../../scss/constants";
@import '../theme.scss';
$tb-primary: mat.get-color-from-palette($tb-primary);
:host { :host {
height: 100%; height: 100%;
max-height: 100vh; max-height: 100vh;
@ -74,37 +71,34 @@ $tb-primary: mat.get-color-from-palette($tb-primary);
: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: $tb-primary !important;
}
p, div {
background-color: unset !important;
}
div {
img {
display: none;
}
&:after {
content: "";
position: initial;
display: block;
width: 18px;
height: 18px;
background: $tb-primary;
mask-image: url(/assets/copy-code-icon.svg);
mask-repeat: no-repeat;
}
}
a {
color: $tb-primary;
&:hover {
color: $tb-primary;
}
}
&.multiline {
right: -2px !important; right: -2px !important;
p {
color: $tb-primary-color !important;
}
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;
}
} }
} }
& > *:not(ul) { & > *:not(ul) {
@ -112,10 +106,7 @@ $tb-primary: mat.get-color-from-palette($tb-primary);
padding-left: unset !important; padding-left: unset !important;
} }
pre[class*="language-"] { pre[class*="language-"] {
border: 1px solid $tb-primary !important; border: 1px solid $tb-primary-color !important;
}
div {
background-color: #F3F6FA;
} }
} }
.mdc-button__label > span { .mdc-button__label > span {