Edge instructions css optimization

This commit is contained in:
deaflynx 2023-09-15 17:42:04 +03:00
parent 0239046046
commit 6f264dd698

View File

@ -14,11 +14,8 @@
* limitations under the License.
*/
@use '@angular/material' as mat;
@import "../../../../../scss/constants";
@import '../theme.scss';
$tb-primary: mat.get-color-from-palette($tb-primary);
:host {
height: 100%;
max-height: 100vh;
@ -74,37 +71,34 @@ $tb-primary: mat.get-color-from-palette($tb-primary);
:host ::ng-deep {
.tb-markdown-view {
padding: 16px 16px 32px 16px;
div.code-wrapper button.clipboard-btn {
right: -2px !important;
p {
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 {
div {
background-color: #F3F6FA;
&.code-wrapper button.clipboard-btn {
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) {
@ -112,10 +106,7 @@ $tb-primary: mat.get-color-from-palette($tb-primary);
padding-left: unset !important;
}
pre[class*="language-"] {
border: 1px solid $tb-primary !important;
}
div {
background-color: #F3F6FA;
border: 1px solid $tb-primary-color !important;
}
}
.mdc-button__label > span {