mirror of
https://github.com/MindWorkAI/AI-Studio.git
synced 2025-02-05 22:29:07 +00:00
Thorsten Sommer
c84184e5d1
This is necessary due to issue https://github.com/MyNihongo/MudBlazor.Markdown/issues/247 I created a PR as well: https://github.com/MyNihongo/MudBlazor.Markdown/pull/246
111 lines
2.3 KiB
CSS
111 lines
2.3 KiB
CSS
/* Code */
|
|
.mud-markdown-body code:not(.hljs) {
|
|
background: var(--mud-palette-overlay-dark);
|
|
color: var(--mud-palette-text-primary) !important;
|
|
padding: 2.5px 7.5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* This component is public, so apply styling in all places, not only within mud-markdown-body */
|
|
pre code.hljs {
|
|
display: block !important;
|
|
overflow-x: auto;
|
|
padding: 1em;
|
|
}
|
|
|
|
.mud-markdown-body .snippet-clipboard-content {
|
|
position: relative !important;
|
|
}
|
|
|
|
.mud-markdown-body .snippet-clipboard-content:hover > .snippet-clipboard-copy-icon {
|
|
display: block !important;
|
|
}
|
|
|
|
.mud-markdown-body .snippet-clipboard-content .snippet-clipboard-copy-icon {
|
|
position: absolute;
|
|
display: none;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
/* Quote */
|
|
.mud-markdown-body blockquote {
|
|
border-left: .25em solid var(--mud-palette-text-disabled);
|
|
color: var(--mud-palette-text-secondary);
|
|
background-color: var(--mud-palette-drawer-background);
|
|
padding: 0.25em 1em;
|
|
margin: 0.5em 0 1.25em;
|
|
}
|
|
|
|
.mud-markdown-body blockquote p {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
/* Table */
|
|
.mud-markdown-body table {
|
|
margin: 1.25em 0;
|
|
}
|
|
|
|
/* Link */
|
|
.mud-markdown-body .mud-link:hover {
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
/* List */
|
|
.mud-markdown-body ul {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.mud-markdown-body ul, .mud-markdown-body ol {
|
|
padding-left: 2em;
|
|
margin-bottom: 1.25em !important;
|
|
}
|
|
|
|
.mud-markdown-body ul ul {
|
|
list-style-type: circle;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.mud-markdown-body ul ul ul {
|
|
list-style-type: square;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.mud-markdown-body li {
|
|
display: list-item !important;
|
|
text-align: -webkit-match-parent;
|
|
}
|
|
|
|
/* Headers */
|
|
.mud-markdown-body h1, .mud-markdown-body h2 {
|
|
border-bottom: 1px solid var(--mud-palette-text-disabled);
|
|
padding-bottom: 0.125em;
|
|
margin-bottom: 0.4em;
|
|
}
|
|
|
|
.mud-markdown-body h1, .mud-markdown-body h2, .mud-markdown-body h3, .mud-markdown-body h4, .mud-markdown-body h5, .mud-markdown-body h6 {
|
|
scroll-margin-top: 5rem;
|
|
margin-top: 0.25em;
|
|
word-wrap: break-word;
|
|
margin-bottom: 0.3em !important;
|
|
}
|
|
|
|
.mud-markdown-body .mud-divider {
|
|
margin: 0.5em 0;
|
|
height: 0.25em;
|
|
}
|
|
|
|
/* Paragraphs */
|
|
.mud-markdown-body p {
|
|
margin-bottom: 1.25em !important;
|
|
}
|
|
|
|
.mud-markdown-body li p, .mud-markdown-body .mud-expand-panel p {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
/* Images */
|
|
.mud-markdown-body img {
|
|
max-width: 100%;
|
|
}
|