From c699a4d52498637b7be48c21791cfad07d230c2a Mon Sep 17 00:00:00 2001 From: Meleki Date: Sat, 28 Feb 2026 16:49:22 +0100 Subject: [PATCH] CSS: kleinere Anpassungen --- wwwroot/css/chat.css | 2 ++ wwwroot/css/markdown.css | 66 ++++++++++++++++++++-------------------- 2 files changed, 35 insertions(+), 33 deletions(-) diff --git a/wwwroot/css/chat.css b/wwwroot/css/chat.css index 5c21400..b0e2d23 100644 --- a/wwwroot/css/chat.css +++ b/wwwroot/css/chat.css @@ -55,6 +55,7 @@ z-index: 100; display: flex; flex-direction: column; + overflow: hidden; } .header-menu-dropdown[hidden] { @@ -63,6 +64,7 @@ .header-menu-item { border: none; + border-radius: unset; text-align: left; padding: var(--menu-item-padding); background: none; diff --git a/wwwroot/css/markdown.css b/wwwroot/css/markdown.css index 4c7b863..a1b8aea 100644 --- a/wwwroot/css/markdown.css +++ b/wwwroot/css/markdown.css @@ -1,61 +1,61 @@ /* Markdown in Chat Bubbles */ -.msg.markdown { +.markdown { white-space: normal; } -.msg.markdown > *:first-child { +.markdown > *:first-child { margin-top: 0; } -.msg.markdown > *:last-child { +.markdown > *:last-child { margin-bottom: 0; } -.msg.markdown p { +.markdown p { margin: 0 0 .5em 0; } -.msg.markdown p:last-child { +.markdown p:last-child { margin-bottom: 0; } -.msg.markdown h1, -.msg.markdown h2, -.msg.markdown h3, -.msg.markdown h4, -.msg.markdown h5, -.msg.markdown h6 { +.markdown h1, +.markdown h2, +.markdown h3, +.markdown h4, +.markdown h5, +.markdown h6 { margin: 1em 0 .5em 0; } -.msg.markdown h1:first-child, -.msg.markdown h2:first-child, -.msg.markdown h3:first-child { +.markdown h1:first-child, +.markdown h2:first-child, +.markdown h3:first-child { margin-top: 0; } -.msg.markdown ul, -.msg.markdown ol { +.markdown ul, +.markdown ol { margin: 0 0 .5em 0; padding-left: 1.5em; } -.msg.markdown li { +.markdown li { margin-bottom: .25em; } -.msg.markdown li:last-child { +.markdown li:last-child { margin-bottom: 0; } -.msg.markdown code { +.markdown code { background: var(--f3-bg); border-radius: var(--border-radius); padding: .1em .3em; } -.msg.markdown pre { +.markdown pre { background: var(--f3-bg); border: var(--border-width) solid var(--f3-border); border-radius: var(--border-radius); @@ -64,62 +64,62 @@ overflow-x: auto; } -.msg.markdown pre:last-child { +.markdown pre:last-child { margin-bottom: 0; } -.msg.markdown pre code { +.markdown pre code { background: none; padding: 0; } -.msg.markdown blockquote { +.markdown blockquote { border-left: 3px solid var(--f3-border); margin: 0 0 .5em 0; padding: .5em; opacity: var(--semi-transparent); } -.msg.markdown blockquote:last-child { +.markdown blockquote:last-child { margin-bottom: 0; } -.msg.markdown hr { +.markdown hr { border: none; border-top: var(--border-width) solid var(--f3-border); margin: .5em 0; } -.msg.markdown table { +.markdown table { border-collapse: collapse; margin: 0 0 .5em 0; width: 100%; } -.msg.markdown table:last-child { +.markdown table:last-child { margin-bottom: 0; } -.msg.markdown th, -.msg.markdown td { +.markdown th, +.markdown td { border: var(--border-width) solid var(--f3-border); padding: .5em; text-align: left; } -.msg.markdown th { +.markdown th { background: var(--f3-bg); } -.msg.markdown a { +.markdown a { color: var(--primary); text-decoration: underline; } -.msg.markdown img { +.markdown img { max-width: 100%; } -.msg.markdown input[type="checkbox"] { +.markdown input[type="checkbox"] { margin-right: .5em; }