visualpython · minjk-bl · Nov 3, 2021 · Nov 2, 2021 · Nov 2, 2021 · Nov 2, 2021
diff --git a/css/api_block/index.css b/css/api_block/index.css
@@ -320,11 +320,11 @@
     flex-direction: column;
     margin-left: 14px;
     margin-bottom: 400px;
-    width: calc(100% - 68px);
+    width: calc(100% - 60px);
 }
 .vp-block {
     position: relative;
-    min-width: 205px;
+    width: 100%;
     min-height: 25px;
     z-index: 1;
     text-align: left;
@@ -822,7 +822,7 @@
 }
 .vp-apiblock-codeline-ellipsis {
     width: 100%;
-    background-color: rgba(255, 255, 255, 0.5);
+    /* background-color: rgba(255, 255, 255, 0.5); */
     color:  var(--font-primary);
     font-size: 12px;
     text-indent: 0.5em;

diff --git a/css/common/frameEditor.css b/css/common/frameEditor.css
@@ -190,6 +190,13 @@
     top: 0;
     background: #FFFFFF;
     border-bottom: 1px solid #E4E4E4;
+
+    text-align: right;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    height: 30px !important;
+    min-width: 80px;
+    white-space: nowrap;
 }
 .vp-fe-table tbody tr:nth-child(odd) {
     background: #F5F5F5;
@@ -223,6 +230,10 @@
     width: 100%;
     z-index: -1;        
 } */
+.vp-fe-table tr th:nth-child(1),
+.vp-fe-add-column {
+    min-width: 30px !important;
+}
 
 .vp-fe-table-more {
     margin-top: 10px;
@@ -364,7 +375,7 @@
     padding: 10px;
 }
 .vp-popup-addpage .vp-popup-tab.replace {
-    height: calc(100% - 50px);
+    height: calc(100% - 60px);
 }
 .vp-popup-addtype {
     width: 153px;
@@ -373,6 +384,12 @@
 .vp-popup-delete {
     padding-bottom: 20px;
 }
+.vp-popup-rename-page {
+    max-height: 400px;
+}
+.vp-popup-replace-table {
+    max-height: 350px;
+}
 .vp-popup-replace-add {
     margin-top: 30px
 }

diff --git a/css/component/common.css b/css/component/common.css
@@ -84,6 +84,9 @@
 .wp50 {
     width: 50px;
 }
+.wp60 {
+    width: 60px;
+}
 .wp80 {
     width: 80px;
 }

diff --git a/css/component/fileNavigation.css b/css/component/fileNavigation.css
@@ -47,7 +47,8 @@
     .fileNavigationPage-inner {
         float: right;
         display: grid;
-        grid-template-rows: 30px auto min-content;
+        /* grid-template-rows: 30px auto min-content; */
+        grid-template-rows: min-content auto min-content;
         width: 80%;
         height: 100%; 
     }
@@ -107,7 +108,8 @@
   }
   .fileNavigationPage-menu {
     min-height: 30px;
-    height: 6%;
+    /* height: 6%; */
+    height: fit-content;
     padding-left: 10px;
     background-color: #EEE;
     border:  1px solid #ddd;;
@@ -127,7 +129,7 @@
     justify-content: center; 
   }
   .fileNavigationPage-menu-block {
-    margin-left: 10px;
+    padding: 0 35px 0 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -192,11 +194,11 @@
   .fileNavigationPage-closedBtn {
     position: fixed;
     z-index: 3;
-    right: 5px;
+    right: 10px;
     width: 20px;
     height: 20px;
     line-height: 20px;
-    top: 5px;
+    top: 3px;
     text-align: center;
   }
   .fileNavigationPage-closedBtn:hover {

diff --git a/css/file_io/variables.css b/css/file_io/variables.css
@@ -1,14 +1,20 @@
 :root {
     --color: #525252;
 }
-#vp_var_variableBox table tr:not(:first-child):hover,
-#vp_var_variableBox table tr.selected {
+#vp_var_variableBox table tbody tr:hover,
+#vp_var_variableBox table tbody tr.selected {
     color: var(--font-hightlight);
     background-color: #F5F5F5;
 }
-#vp_var_variableBox table tr td:first-child:hover {
+#vp_var_variableBox table tbody tr td:hover {
     cursor: pointer;
 }
+#vp_var_variableBox table thead {
+    position: sticky;
+    top: 0;
+    background: white;
+}
+
 #vp_varDetailTable table th, 
 #vp_varDetailTable table td {
     padding: 5px;
@@ -25,7 +31,6 @@
 #vp_var_variableBox {
     width: 100%;
     height: 150px;
-    overflow: hidden;
 }
 #vp_varDetailTable:empty::after {
     content: '(Select variables to preview the data.)';

diff --git a/src/api_block/block.js b/src/api_block/block.js
@@ -1487,9 +1487,9 @@ define([
 
         if (isColor == true) {
             if (this.getBlockType() == BLOCK_CODELINE_TYPE.TEXT) {
-                $(this.getBlockMainDom()).css(STR_BORDER_LEFT, '2px solid var(--highlight-color');
+                $(this.getBlockMainDom()).css(STR_BORDER_LEFT, '2px solid var(--highlight-color)');
             } else {
-                $(this.getBlockMainDom()).css(STR_BORDER, '2px solid var(--highlight-color');
+                $(this.getBlockMainDom()).css(STR_BORDER, '2px solid var(--highlight-color)');
             }
         }
     }

diff --git a/src/api_block/blockContainer.js b/src/api_block/blockContainer.js
@@ -2649,7 +2649,7 @@ define([
         this.hideOptionPreviewBox();
         $(VP_ID_PREFIX + VP_APIBLOCK_BOARD_OPTION_PREVIEW_BUTTON).removeClass('enabled');
 
-        this.setNavigator(BLOCK_CODELINE_TYPE.NONE, 'Visual Python 1.1.15');
+        this.setNavigator(BLOCK_CODELINE_TYPE.NONE, 'Visual Python 1.2.0');
         this.setFocusedPageType(FOCUSED_PAGE_TYPE.BOARD);
         $('.vp-apiblock-option-tab-none').css(STR_DISPLAY, STR_BLOCK);
     }

diff --git a/src/api_block/index.html b/src/api_block/index.html
@@ -120,7 +120,7 @@
                          id='vp_apiblock_option_page'>
                         <div class="vp-apiblock-option-navigator">
                             <div class="vp-apiblock-option-navigator-label">
-                                <span class="vp-orange-text">Visual Python 1.1.15</span>
+                                <span class="vp-orange-text">Visual Python 1.2.0</span>
                             </div>
                             <div class="vp-apiblock-option-new-to-save" title="something modified...">
 

diff --git a/src/common/constant.js b/src/common/constant.js
@@ -48,7 +48,7 @@ define ([
      * toolbar btn properties
      */
     const TOOLBAR_BTN_INFO = {
-        HELP: "Visual Python 1.1.15"
+        HELP: "Visual Python 1.2.0"
         // , ICON: "fa-angellist"
         , ICON: "vp-main-icon"
         , ID: "vpBtnToggle"
-Original file line number
+Diff line change
@@ Expand Up / @@ -84,6 +84,9 @@ @@
     .wp50 {
         width: 50px;
     }
+    .wp60 {
+        width: 60px;
+    }
     .wp80 {
         width: 80px;
     }
@@ Expand Down @@