[echarts-examples] branch gh-pages updated: tweak editor style

[wangzx]

This is an automated email from the ASF dual-hosted git repository.

wangzx pushed a commit to branch gh-pages
in repository https://gitbox.apache.org/repos/asf/echarts-examples.git


The following commit(s) were added to refs/heads/gh-pages by this push:
     new 99eb7e13 tweak editor style
99eb7e13 is described below

commit 99eb7e130bf193a867449dbd88c8f03796c79ac8
Author: plainheart <y...@all-my-life.cn>
AuthorDate: Tue Jul 18 04:31:40 2023 +0800

    tweak editor style
---
 src/editor/CodeMonaco.vue | 3 ++-
 src/editor/Editor.vue     | 5 ++++-
 src/editor/Preview.vue    | 3 +++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/editor/CodeMonaco.vue b/src/editor/CodeMonaco.vue
index 66408cf7..d42f5088 100644
--- a/src/editor/CodeMonaco.vue
+++ b/src/editor/CodeMonaco.vue
@@ -140,7 +140,8 @@ export default {
           enabled: false
         },
         wordWrap: 'off',
-        automaticLayout: true
+        automaticLayout: true,
+        fixedOverflowWidgets: true
       });
 
       this._editor = editor;
diff --git a/src/editor/Editor.vue b/src/editor/Editor.vue
index a778370c..e67ea3d5 100644
--- a/src/editor/Editor.vue
+++ b/src/editor/Editor.vue
@@ -923,7 +923,9 @@ $handler-width: 15px;
     padding: 0;
   }
 
-  .el-tabs__item {
+  .el-tabs__item,
+  .el-tabs__nav-next,
+  .el-tabs__nav-prev {
     height: 34px;
     line-height: 34px;
   }
@@ -986,6 +988,7 @@ $handler-width: 15px;
   white-space: nowrap;
   overflow-x: auto;
   overflow-y: hidden;
+  scrollbar-width: thin;
 
   .setting-panel {
     display: inline-block;
diff --git a/src/editor/Preview.vue b/src/editor/Preview.vue
index 920ee6e0..7f009354 100644
--- a/src/editor/Preview.vue
+++ b/src/editor/Preview.vue
@@ -711,6 +711,7 @@ export default {
   white-space: nowrap;
   overflow-x: auto;
   overflow-y: hidden;
+  scrollbar-width: thin;
 
   user-select: none;
 
@@ -775,6 +776,8 @@ export default {
   @include flex-center;
   white-space: nowrap;
   overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: thin;
 
   .left-buttons {
     flex-shrink: 0;


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org