임시 각주 개선 버전

route/tool/set_mark/namu.py

@@ -905,7 +905,7 @@ def namu(conn, data, title, main_num):
 
                         footnote_all += [[float(footshort), footshort, 0]]
 
-                        data = re_footnote.sub('<sup><a href="javascript:open_foot(\'fn-' + footshort + '\')" id="rfn-' + footshort + '">(' + footnote_name + ')</a></sup><span class="foot_plus" id="cfn-' + footshort + '"></span>', data, 1)
+                        data = re_footnote.sub('<sup><a href="javascript:do_open_foot(\'fn-' + footshort + '\')" id="rfn-' + footshort + '">(' + footnote_name + ')</a></sup><span class="foot_plus" id="cfn-' + footshort + '"></span>', data, 1)
                     else:
                         data = re_footnote.sub('<sup><a href="#">(' + footnote_name + ')</a></sup>', data, 1)
                 else:
@@ -923,7 +923,7 @@ def namu(conn, data, title, main_num):
 
                     footnote_all += [[footnote_number, footnote_name, footnote]]
                     
-                    data = re_footnote.sub('<sup><a href="javascript:open_foot(\'fn-' + str(footnote_number) + '\')" id="rfn-' + str(footnote_number) + '">(' + footnote_name + ')</a></sup><span class="foot_plus" id="cfn-' + str(footnote_number) + '"></span>', data, 1)
+                    data = re_footnote.sub('<sup><a href="javascript:do_open_foot(\'fn-' + str(footnote_number) + '\')" id="rfn-' + str(footnote_number) + '">(' + footnote_name + ')</a></sup><div class="foot_plus" id="cfn-' + str(footnote_number) + '"></div>', data, 1)
         else:
             break
 

views/main_css/css/main.css

@@ -34,8 +34,13 @@ s:hover, strike:hover, del:hover { color: gray; background-color: gainsboro; tex
 body { word-break: break-all; overflow: auto; }
 hr.main_hr { border: none; }
 #include_link { display: none; }
-.foot_plus { background: gainsboro; }
+.foot_plus { background: white; border: 5px solid gainsboro; padding: 5px; width: 300px; height: 300px; position: fixed; top: calc(50% - 150px); right: calc(50% - 150px); display: none; z-index: 100; }
 #toc_title { font-size: 18px; }
 blockquote { background-image: url(/views/acme/img/quote.png); background-position: calc(100% - 10px) 10px; background-repeat: no-repeat; background-size: 25px; }
 #admin_log_search { width: 100px; }
-@media (max-width: 768px) { table { min-width: 100%; }}
+@media (max-width: 768px) { table { min-width: 100%; }}
+.foot_close { text-align: center; border-top: 5px solid gainsboro; width: 100%; left: 0px; bottom: 0px; position: absolute; height: 20px; }
+@media (max-width: 400px) { .foot_plus { width: 80%; right: calc(100% - 92%); }}
+@media (max-height: 400px) { .foot_plus { height: 80%; top: calc(100% - 92%); }}
+.foot_in { overflow-y: scroll; height: calc(100% - 20px); }
+.foot_close:active, .foot_close:hover { text-decoration: none; }

views/main_css/js/do_open_foot.js

@@ -0,0 +1,14 @@
+function do_open_foot(name) {
+    var o_data = document.getElementById('c' + name);
+    
+    name = name.replace(/\.([0-9]+)$/, '');
+    var g_data = document.getElementById(name);
+
+    if(o_data.innerHTML === '') {
+        o_data.style.display = 'block';
+        o_data.innerHTML += '<div class="foot_in"><a onclick="do_open_foot(\'' + name + '\')" href="#' + name + '">(Go)</a> ' + g_data.innerHTML + '</div><a class="foot_close" onclick="do_open_foot(\'' + name + '\')" href="javascript:void();">(X)</a>';
+    } else {
+        o_data.style.display = 'none';
+        o_data.innerHTML = '';
+    }
+}

views/main_css/js/open_foot.js

@@ -1,12 +0,0 @@
-function open_foot(name) {
-    var o_data = document.getElementById('c' + name);
-    
-    name = name.replace(/\.([0-9]+)$/, '');
-    var g_data = document.getElementById(name);
-
-    if(o_data.innerHTML === '') {
-        o_data.innerHTML += '<sup><a onclick="open_foot(\'' + name + '\')" href="#' + name + '">(Go)</a></sup> ' + g_data.innerHTML;
-    } else {
-        o_data.innerHTML = '';
-    }
-}

views/neo_yousoro/info.json

@@ -1,5 +1,5 @@
 {
     "name" : "Neo_Yousoro",
-    "skin_ver" : "v1.0.2",
+    "skin_ver" : "v1.0.3",
     "require_ver" : "2"
 }