Răsfoiți Sursa

게시글 본문 표: 배경 채움 제거하고 테두리 색만 적용

- 셀/헤더 배경, 짝수 행 스트라이프, hover 배경 및 :has() 첫 행 머리글 규칙 제거
- 테두리만 #242424 (기존 테마 border-color #2c2c2c 보다 한 단계 아래)
- 태블릿은 layout() 이 PC 외 전부 mobile 뷰로 보내므로 모바일 CSS 가 함께 커버

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
KIM-JINO5 1 zi în urmă
părinte
comite
91615f4da3

+ 2 - 20
public/css/desktop/board/view.css

@@ -144,34 +144,16 @@
 }
 #boardView .body table tbody tr td blockquote table {
   margin: 10px 0;
-  border: 1px solid #2c2c2c;
+  border: 1px solid #242424;
   border-collapse: collapse;
-  background-color: #242424;
 }
 #boardView .body table tbody tr td blockquote table th, #boardView .body table tbody tr td blockquote table td {
   padding: 7px 10px;
-  border: 1px solid #2c2c2c;
-}
-#boardView .body table tbody tr td blockquote table th, #boardView .body table tbody tr td blockquote table thead td {
-  background-color: #2c2c2c;
-  color: #d5d5d5;
-  font-weight: 600;
-}
-#boardView .body table tbody tr td blockquote table:not(:has(th)):not(:has(thead)) > tbody > tr:first-child > td {
-  background-color: #2c2c2c;
-  color: #d5d5d5;
-  font-weight: 600;
-}
-#boardView .body table tbody tr td blockquote table tbody tr:nth-of-type(even) > * {
-  background-color: #202020;
-}
-#boardView .body table tbody tr td blockquote table tbody tr:hover > * {
-  background-color: #1a1a1a;
+  border: 1px solid #242424;
 }
 #boardView .body table tbody tr td blockquote table caption {
   caption-side: top;
   padding: 4px 2px;
-  color: #999;
 }
 #boardView .body table tbody tr td blockquote pre[class*=language-],
 #boardView .body table tbody tr td blockquote code[class*=language-] {

Fișier diff suprimat deoarece este prea mare
+ 0 - 0
public/css/mobile/board/view.css


+ 3 - 26
resources/sass/desktop/board/view.scss

@@ -197,43 +197,20 @@
                                 max-width: 100%;
                             }
 
-                            // 본문에 삽입된 표
+                            // 본문에 삽입된 표 — 테두리 색만 지정한다(배경은 본문 그대로 둔다)
                             table {
                                 margin: 10px 0;
-                                border: 1px solid #2c2c2c;
+                                border: 1px solid #242424;
                                 border-collapse: collapse;
-                                background-color: #242424;
 
                                 th, td {
                                     padding: 7px 10px;
-                                    border: 1px solid #2c2c2c;
-                                }
-
-                                th, thead td {
-                                    background-color: #2c2c2c;
-                                    color: #d5d5d5;
-                                    font-weight: 600;
-                                }
-
-                                // 헤더 셀을 지정하지 않은 표(에디터 기본 삽입)는 첫 행을 머리글로 처리
-                                &:not(:has(th)):not(:has(thead)) > tbody > tr:first-child > td {
-                                    background-color: #2c2c2c;
-                                    color: #d5d5d5;
-                                    font-weight: 600;
-                                }
-
-                                tbody tr:nth-of-type(even) > * {
-                                    background-color: #202020;
-                                }
-
-                                tbody tr:hover > * {
-                                    background-color: #1a1a1a;
+                                    border: 1px solid #242424;
                                 }
 
                                 caption {
                                     caption-side: top;
                                     padding: 4px 2px;
-                                    color: #999;
                                 }
                             }
 

+ 3 - 22
resources/sass/mobile/board/view.scss

@@ -196,39 +196,20 @@
                                 }
                             }
 
-                            // 본문에 삽입된 표
+                            // 본문에 삽입된 표 — 테두리 색만 지정한다(배경은 본문 그대로 둔다)
                             table {
                                 margin: 10px 0;
-                                border: 1px solid #2c2c2c;
+                                border: 1px solid #242424;
                                 border-collapse: collapse;
-                                background-color: #242424;
 
                                 th, td {
                                     padding: 6px 8px;
-                                    border: 1px solid #2c2c2c;
-                                }
-
-                                th, thead td {
-                                    background-color: #2c2c2c;
-                                    color: #d5d5d5;
-                                    font-weight: 600;
-                                }
-
-                                // 헤더 셀을 지정하지 않은 표(에디터 기본 삽입)는 첫 행을 머리글로 처리
-                                &:not(:has(th)):not(:has(thead)) > tbody > tr:first-child > td {
-                                    background-color: #2c2c2c;
-                                    color: #d5d5d5;
-                                    font-weight: 600;
-                                }
-
-                                tbody tr:nth-of-type(even) > * {
-                                    background-color: #202020;
+                                    border: 1px solid #242424;
                                 }
 
                                 caption {
                                     caption-side: top;
                                     padding: 4px 2px;
-                                    color: #999;
                                 }
                             }
 

Unele fișiere nu au fost afișate deoarece prea multe fișiere au fost modificate în acest diff