Edit style and Fix some code for jupyter notebook

minjk-bl · minjk-bl · commit f4931c30cb75 · 2023-02-10T18:27:35.000+09:00
diff --git a/jupyterlab/lib/index.js b/jupyterlab/lib/index.js
@@ -2,15 +2,15 @@ const path = require('path');
 const $ = require('jquery');
 require("jquery-ui");
 
-function vp_css_loader(path) {
+global.vp_css_loader = function(path) {
     return path + '.css';
 }
 
-function vp_text_loader(path) {
+global.vp_text_loader = function(path) {
     return '!!text-loader!' + path;
 }
 
-function vp_raw_loader(path) {
+global.vp_raw_loader = function(path) {
     return path;
 }
 
diff --git a/visualpython/css/mainFrame.css b/visualpython/css/mainFrame.css
@@ -9,6 +9,22 @@
  *    Change Date     :
  */
 #vp_wrapper {
+    display: none;
+
+    position: fixed;
+    height: calc(100% - 110px);
+    overflow: hidden;
+    left: unset !important;
+    object-fit: contain; 
+    color: var(--font-primary);
+    font-family: AppleSDGothicNeo;
+    border: 1px solid var(--border-gray-color);
+    top: 110px;
+    right: 0;
+    background: white;
+    z-index: 100;
+}
+#vp_wrapper.colab {
     /* CHROME: edited to show */
     display: none;
 
@@ -30,7 +46,7 @@
     z-index: 100;
 }
 /* CHROME: set default box-sizing for vp area */
-div#vp_wrapper * {
+div#vp_wrapper.colab * {
     box-sizing: border-box !important;
 }
 /* LAB: reset position and size */
diff --git a/visualpython/js/MainFrame.js b/visualpython/js/MainFrame.js
@@ -226,9 +226,7 @@ define([
         //========================================================================
         renderMainFrame() {
             this.$pageDom = $(vpHtml);
-            if (vpConfig.extensionType === 'lab') {
-                this.$pageDom.addClass('lab');
-            }
+            this.$pageDom.addClass(vpConfig.extensionType);
             return this.$pageDom;
         }
         afterAttach() {
diff --git a/visualpython/visualpython.js b/visualpython/visualpython.js
@@ -14,7 +14,7 @@
 //============================================================================
 require.config({
     paths: { 
-        'vp_base'   : '../nbextensions/visualpython/visualpython',
+        'vp_base'   : '../nbextensions/visualpython',
         'css'       : 'vp_base/lib/require/css.min'
     },
     config: {
@@ -48,6 +48,8 @@ function vp_raw_loader(path) {
     return 'text!' + path;
 }
 
+window.vpBase = "/nbextensions/";
+
 //============================================================================
 // Load extension
 //============================================================================
diff --git a/visualpython/visualpython.yaml b/visualpython/visualpython.yaml

Original file line number	Diff line number	Diff line change
`@@ -2,15 +2,15 @@ const path = require('path');`
`2`	`2`	`const $ = require('jquery');`
`3`	`3`	`require("jquery-ui");`
`4`	`4`
`5`		`-function vp_css_loader(path) {`
	`5`	`+global.vp_css_loader = function(path) {`
`6`	`6`	`return path + '.css';`
`7`	`7`	`}`
`8`	`8`
`9`		`-function vp_text_loader(path) {`
	`9`	`+global.vp_text_loader = function(path) {`
`10`	`10`	`return '!!text-loader!' + path;`
`11`	`11`	`}`
`12`	`12`
`13`		`-function vp_raw_loader(path) {`
	`13`	`+global.vp_raw_loader = function(path) {`
`14`	`14`	`return path;`
`15`	`15`	`}`
`16`	`16`