[skywalking-rocketbot-ui] branch master updated: update sidebox component (#179)

[wu...@apache.org]

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

wusheng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git


The following commit(s) were added to refs/heads/master by this push:
     new 1d17d87  update sidebox component (#179)
1d17d87 is described below

commit 1d17d87a7c1876aee7ce7a9790150b4a60f236d4
Author: Allen Wang <Al...@outlook.com>
AuthorDate: Thu Nov 7 13:29:55 2019 +0800

    update sidebox component (#179)
    
    * update
    
    * Reset proxy address
---
 src/components/rk-sidebox.vue | 8 +++++---
 src/types/global.d.ts         | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/rk-sidebox.vue b/src/components/rk-sidebox.vue
index 139b4e2..551bdf7 100644
--- a/src/components/rk-sidebox.vue
+++ b/src/components/rk-sidebox.vue
@@ -18,7 +18,7 @@
 <template>
   <div>
     <div class="rk-sidebox-backdrop" v-show="show" @click="handleHide"></div>
-    <aside class="rk-sidebox" :style="show?`width:${width};left:0`:`width:${width};left:-${width}`">
+    <aside class="rk-sidebox" :style="show?`width:${width};${right ? 'right:0' : 'left:0'}`:`width:${width};${right ? 'right' : 'left'}:-${width}`">
       <h3 class="rk-sidebox-title">{{this.title}}
         <div class="r rk-sidebox-close" @click="handleHide">
           <svg class="icon">
@@ -40,6 +40,9 @@ export default {
     title: {
       default: '',
     },
+    right: {
+      default: false,
+    },
     width: {
       default: '550px',
     },
@@ -64,8 +67,7 @@ export default {
 }
 .rk-sidebox{
   overflow-y: auto;
-  will-change: left;
-  transition:left .3s;
+  transition: all .3s;
   position: fixed;
   right: 0;
   top: 50px;
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index 3472d7b..bfca57a 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -33,4 +33,4 @@ export interface SlowItem {
   key: string;
   label: string;
   value: number;
-}
\ No newline at end of file
+}