From efb179dec2ac8f8db425ce4bc5d87d7bce91965e Mon Sep 17 00:00:00 2001 From: Caroline Schulte Date: Mon, 15 Jun 2026 22:41:05 +0200 Subject: [PATCH] =?UTF-8?q?Antwortm=C3=B6glichkeit?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/showArticle.css | 140 ++++++++++++++++++++++---------------------- 1 file changed, 70 insertions(+), 70 deletions(-) diff --git a/css/showArticle.css b/css/showArticle.css index 10db051..e55855b 100644 --- a/css/showArticle.css +++ b/css/showArticle.css @@ -1,7 +1,7 @@ /* Container für den gesamten articleikel */ .article-view-container { box-sizing: border-box; - max-width: 900px; /* Angenehme Lesebreite für längere Texte */ + max-width: 900px; margin: 3rem auto; padding: 0 2rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; @@ -105,7 +105,7 @@ cursor: default; } -/* Responsive Anpassungen unter 760px (für z.B. Smarticlephones) */ +/* Responsive Anpassungen unter 760px */ @media (max-width: 760px) { .article-view-container { margin: 1.5rem auto; @@ -117,83 +117,83 @@ } } - /* --- KOMMENTARE --- */ +/* --- KOMMENTARE --- */ - .article-comments-section { - margin-top: 3rem; - padding-top: 2rem; - border-top: 1px solid #e2e8f0; - } +.article-comments-section { + margin-top: 3rem; + padding-top: 2rem; + border-top: 1px solid #e2e8f0; +} - .article-comments-section h2 { - font-size: 2rem; - margin-bottom: 1.5rem; - } +.article-comments-section h2 { + font-size: 2rem; + margin-bottom: 1.5rem; +} - #comments-list { - margin-bottom: 2rem; - } +#comments-list { + margin-bottom: 2rem; +} - .comment-item { - background-color: #f8fafc; - border: 1px solid #e2e8f0; - border-radius: 10px; - padding: 1rem 1.25rem; - margin-bottom: 1rem; - } +.comment-item { + background-color: #f8fafc; + border: 1px solid #e2e8f0; + border-radius: 10px; + padding: 1rem 1.25rem; + margin-bottom: 1rem; +} - #comment-form { - width: 100%; - display: flex; - flex-direction: column; - gap: 1rem; - } +#comment-form { + width: 100%; + display: flex; + flex-direction: column; + gap: 1rem; +} - #comment-content { - width: 100% !important; - min-height: 130px !important; - padding: 1rem; - border: 1px solid #cbd5e1; - border-radius: 8px; - font-size: 1rem; - font-family: inherit; - resize: vertical; - } +#comment-content { + width: 100%; + min-height: 130px; + padding: 1rem; + border: 1px solid #cbd5e1; + border-radius: 8px; + font-size: 1rem; + font-family: inherit; + resize: vertical; +} - #comment-form .button { - width: 100%; - .reply-button { - display: inline-block; - margin-top: 0.75rem; - background: none; - border: none; - color: #2563eb; - font-weight: 700; - cursor: pointer; - padding: 0; - font-size: 0.95rem; - } +#comment-form .button { + width: 100%; +} - .reply-button:hover { - text-decoration: underline; - } +.reply-button { + display: inline-block; + margin-top: 0.75rem; + background: none; + border: none; + color: #2563eb; + font-weight: 700; + cursor: pointer; + padding: 0; + font-size: 0.95rem; +} - .comment-replies { - margin-top: 1rem; - margin-left: 2rem; - padding-left: 1rem; - border-left: 3px solid #cbd5e1; - } +.reply-button:hover { + text-decoration: underline; +} - .comment-reply { - background-color: #eef6ff; - margin-top: 1rem; - } +.comment-replies { + margin-top: 1rem; + margin-left: 2rem; + padding-left: 1rem; + border-left: 3px solid #cbd5e1; +} - .reply-info { - margin: 0.5rem 0; - color: #475569; - font-weight: 600; - } - } +.comment-reply { + background-color: #eef6ff; + margin-top: 1rem; +} +.reply-info { + margin: 0.5rem 0; + color: #475569; + font-weight: 600; +} \ No newline at end of file