레거시 CSS 재조정 및 추적에도 기능 추가

https://github.com/openNAMU/openNAMU/issues/2027#event-11730739425

route/tool/func.py

@@ -1045,7 +1045,7 @@ def wiki_css(data):
     data_css = ''
     data_css_dark = ''
 
-    data_css_ver = '192'
+    data_css_ver = '193'
     data_css_ver = '.cache_v' + data_css_ver
 
     if 'main_css' in global_wiki_set:

route/tool/func_render_namumark.py

@@ -1020,7 +1020,7 @@ class class_do_render_namumark:
 
                         if self.data_category == '':
                             self.data_category = '' + \
-                                '<div class="opennamu_category">' + \
+                                '<div class="opennamu_category" id="cate">' + \
                                     '<a class="opennamu_category_button" href="javascript:opennamu_do_category_spread();"> (+)</a>' + \
                                     self.get_tool_lang('category') + ' : ' + \
                                 '' + \

route/view_read.py

@@ -269,7 +269,7 @@ def view_read(name = 'Test', doc_rev = '', doc_from = '', do_type = ''):
                     redirect_text = redirect_text.format('<a href="/w_from/' + url_pas(last_page) + '">' + html.escape(last_page) + '</a>', '<b>' + html.escape(name) + '</b>')
 
                 end_data = '''
-                    <div id="redirect">
+                    <div class="opennamu_redirect" id="redirect">
                         ''' + redirect_text + '''
                     </div>
                     <hr class="main_hr">
@@ -285,7 +285,8 @@ def view_read(name = 'Test', doc_rev = '', doc_from = '', do_type = ''):
             view_history_on = get_main_skin_set(curs, flask.session, 'main_css_view_history', ip)
             if view_history_on == 'on':
                 end_data = '' + \
-                    '<div id="redirect">' + \
+                    '<div class="opennamu_trace">' + \
+                        '<a class="opennamu_trace_button" href="javascript:opennamu_do_trace_spread();"> (+)</a>' + \
                         load_lang('trace') + ' : ' + \
                         ' ➥ '.join(
                             [

views/main_css/css/main.css

@@ -181,7 +181,7 @@ a:hover {
 }
 
 /* - category */
-.opennamu_category {
+.opennamu_category, .opennamu_trace {
     border: 1px solid gainsboro;
     
     padding: 10px;
@@ -191,7 +191,7 @@ a:hover {
     text-overflow: ellipsis;
 }
 
-.opennamu_category_button {
+.opennamu_category_button, .opennamu_trace_button {
     float: right;
     z-index: 100;
     position: relative;
@@ -214,7 +214,7 @@ a:hover {
     margin-top: 10px;
 }
 
-pre, #redirect {
+pre, .opennamu_redirect {
     border: 1px solid gainsboro;
     
     padding: 10px;

views/main_css/css/sub/dark.css

@@ -16,7 +16,7 @@ input::placeholder, textarea::placeholder, select::placeholder {
     color: white;
 }
 
-#toc, .opennamu_TOC, #cate, #redirect {
+.opennamu_TOC, .opennamu_redirect {
     background: #1f2023;
 }
 
@@ -70,6 +70,7 @@ blockquote {
     background-color: #313236;
 }
 
+/* 이 부분은 레거시 */
 #topic_color {
     background: #325a56;
 }

views/main_css/js/func/func.js

@@ -122,4 +122,12 @@ function opennamu_get_main_skin_set(set_name) {
 
 function opennamu_insert_v(name, data) {
     document.getElementById(name).value = data;
+}
+
+function opennamu_do_trace_spread() {
+    if(document.getElementsByClassName('opennamu_trace')) {
+        document.getElementsByClassName('opennamu_trace')[0].innerHTML = '' +
+            '<style>.opennamu_trace_button { display: none; } .opennamu_trace { white-space: pre-wrap; overflow-x: unset; text-overflow: unset; }</style>' +
+        '' + document.getElementsByClassName('opennamu_trace')[0].innerHTML
+    }
 }