|
|
|
@ -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; |
|
|
|
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: $tb-primary; |
|
|
|
mask-image: url(/assets/copy-code-icon.svg); |
|
|
|
mask-repeat: no-repeat; |
|
|
|
p, div { |
|
|
|
background-color: unset !important; |
|
|
|
} |
|
|
|
} |
|
|
|
a { |
|
|
|
color: $tb-primary; |
|
|
|
&:hover { |
|
|
|
color: $tb-primary; |
|
|
|
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) { |
|
|
|
@ -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 { |
|
|
|
|