Add rendered_html style for vp

minjk-bl · minjk-bl · commit 89839bf20d22 · 2023-05-15T16:49:45.000+09:00
diff --git a/visualpython/css/component/popupComponent.css b/visualpython/css/component/popupComponent.css
@@ -446,6 +446,10 @@
     height: calc(100% - 70px);
     padding: 10px;
 }
+.vp-inner-popup-body table th {
+    text-align: left;
+    font-weight: unset;
+}
 .vp-inner-popup-button-box {
     float: right;
     margin: 0 10px 10px 0;
diff --git a/visualpython/css/root.css b/visualpython/css/root.css
@@ -678,6 +678,58 @@ hr.vp-extra-menu-line {
 .vp-option-horizontal-table-layout .vp-center-align {
 	text-align: center;
 }
+/* rendered table style */
+.vp_rendered_html * + table {
+    margin-top: 1em;
+}
+.vp_rendered_html table {
+    margin-left: auto;
+    margin-right: auto;
+    border: none;
+    border-collapse: collapse;
+    border-spacing: 0;
+    color: black;
+    font-size: 12px;
+    table-layout: fixed;
+}
+.vp_rendered_html thead {
+    border-bottom: 1px solid black;
+    vertical-align: bottom;
+}
+.vp_rendered_html tr, .vp_rendered_html th, .vp_rendered_html td {
+    text-align: right;
+    vertical-align: middle;
+    padding: 0.5em 0.5em;
+    line-height: normal;
+    white-space: normal;
+    max-width: none;
+    border: none;
+}
+.vp_rendered_html th {
+    font-weight: bold;
+}
+.vp_rendered_html tbody tr:nth-child(odd) {
+    background: #f5f5f5;
+}
+.vp_rendered_html tbody tr:hover {
+    background: rgba(66, 165, 245, 0.2);
+}
+.vp_rendered_html * + p {
+    margin-top: 1em;
+}
+.vp_rendered_html p {
+    text-align: left;
+}
+.vp_rendered_html pre, .vp_rendered_html code {
+    border: 0;
+    color: #000;
+    font-size: 100%;
+}
+.vp_rendered_html pre {
+    margin: 1em 2em;
+    padding: 0px;
+    background-color: #fff;
+}
 /* jquery auto-complete */
 .ui-autocomplete {
     z-index: 1250;
diff --git a/visualpython/html/m_apps/instance.html b/visualpython/html/m_apps/instance.html
@@ -22,7 +22,7 @@
                 <span class="vp-instance-preview-title">Instance Preview</span>
             </div>
             <div class="vp-instance-preview-box vp-grid-border-box">
-                <div id="instancePreview" class="vp-instance-preview-content rendered_html vp-center vp-scrollbar"></div>
+                <div id="instancePreview" class="vp-instance-preview-content vp_rendered_html vp-center vp-scrollbar"></div>
             </div>
         </div>
     </div>
diff --git a/visualpython/html/m_apps/variable.html b/visualpython/html/m_apps/variable.html
@@ -34,5 +34,5 @@
     </div>
     <hr/>
     <strong><span class="vp-multilang" data-caption-id="varDetailValue">Variable Detail</span></strong>
-    <div id="vp_varDetailTable" class="rendered_html vp-scrollbar"></div> 
+    <div id="vp_varDetailTable" class="vp_rendered_html vp-scrollbar"></div> 
 </body>
diff --git a/visualpython/js/m_apps/Groupby.js b/visualpython/js/m_apps/Groupby.js
@@ -514,7 +514,7 @@ define([
 
         renderDataPage(renderedText, isHtml = true) {
             var tag = new com_String();
-            tag.appendFormatLine('<div class="{0} vp-close-on-blur vp-scrollbar">', 'rendered_html'); // 'rendered_html' style from jupyter output area
+            tag.appendFormatLine('<div class="{0} vp-close-on-blur vp-scrollbar">', 'vp_rendered_html'); // 'rendered_html' style from jupyter output area
             if (isHtml) {
                 tag.appendLine(renderedText);
             } else {
diff --git a/visualpython/js/m_apps/Subset.js b/visualpython/js/m_apps/Subset.js
@@ -162,7 +162,7 @@ define([
                 VP_DS_DATA_VIEW_ALL_DIV, VP_DS_DATA_VIEW_ALL, (this.state.viewAll?'checked':''), "view all");
             // data view
             tag.appendFormatLine('<div class="{0} {1} vp-scrollbar"></div>', VP_DS_DATA_VIEW_BOX,
-                'rendered_html'); // 'rendered_html' style from jupyter output area
+                'vp_rendered_html'); // 'rendered_html' style from jupyter output area
             return tag.toString();
         }
         getAllowSubsetTypes() {

Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,7 @@ define([`
`162`	`162`	`VP_DS_DATA_VIEW_ALL_DIV, VP_DS_DATA_VIEW_ALL, (this.state.viewAll?'checked':''), "view all");`
`163`	`163`	`// data view`
`164`	`164`	`tag.appendFormatLine('<div class="{0} {1} vp-scrollbar"></div>', VP_DS_DATA_VIEW_BOX,`
`165`		`- 'rendered_html'); // 'rendered_html' style from jupyter output area`
	`165`	`+ 'vp_rendered_html'); // 'rendered_html' style from jupyter output area`
`166`	`166`	`return tag.toString();`
`167`	`167`	`}`
`168`	`168`	`getAllowSubsetTypes() {`