A lot of things.

2026-05-27 21:24:38 +02:00
parent b361f07954
commit d02baa89d6
43 changed files with 1340 additions and 231 deletions
--- a/resources/css/layout/entry.css
+++ b/resources/css/layout/entry.css
@@ -1,4 +1,4 @@
-#entry-container {
+#entry-container, #comments-section, #reviews-section {
    background-color: var(--bg2);
    border: 1px solid var(--border);
    display: flex;
@@ -128,3 +128,112 @@
    text-align: center;
    color: var( --text2 );
 }
+
+.comment-block {
+    display: flex;
+    gap: 16px;
+    padding: 20px 0;
+    border-bottom: 1px solid var(--border);
+
+    &:last-child {
+        border-bottom: none;
+    }
+
+    .comment-avatar {
+        flex-shrink: 0;
+        width: 48px;
+        height: 48px;
+        border-radius: 50%;
+        overflow: hidden;
+        background-color: var(--bg4);
+        border: 1px solid var(--border);
+
+        img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            display: block;
+        }
+    }
+
+    .comment-content {
+        flex: 1;
+        min-width: 0;
+
+        .comment-meta {
+            font-size: 0.88rem;
+            color: var(--text2);
+            margin-bottom: 6px;
+            display: flex;
+            align-items: center;
+            flex-wrap: wrap;
+            gap: 8px;
+
+            .comment-author {
+                font-weight: 600;
+                color: var(--text);
+                text-decoration: none;
+                transition: color 0.2s;
+
+                &:hover {
+                    color: var(--rhpz-orange);
+                }
+            }
+
+            .comment-date {
+                color: var(--text2);
+            }
+
+            .comment-separator {
+                color: var(--border);
+                user-select: none;
+            }
+        }
+
+        .comment-body {
+            font-size: 0.95rem;
+            color: var(--text);
+            line-height: 1.5;
+            word-wrap: break-word;
+
+            p {
+                margin-bottom: 10px;
+                &:last-child { margin-bottom: 0; }
+            }
+
+            a {
+                color: var(--rhpz-orange);
+                &:hover {
+                    color: var(--rhpz-orange-hover);
+                    text-decoration: underline;
+                }
+            }
+
+            blockquote, .bbCodeBlock-blockquote {
+                background-color: var(--bg);
+                border-left: 3px solid var(--info);
+                padding: 12px 16px;
+                margin: 12px 0;
+                font-style: italic;
+                color: var(--text2);
+            }
+
+            code {
+                font-family: monospace;
+                background-color: var(--bg3);
+                border: 1px solid var(--border);
+                padding: 2px 5px;
+                font-size: 0.9rem;
+            }
+        }
+    }
+}
+
+.comments-empty {
+    text-align: center;
+    padding: 40px 20px;
+    color: var(--text2);
+    font-style: italic;
+    background-color: var(--bg);
+    border: 1px dashed var(--border);
+}