[incubator-echarts-doc] branch master updated: tweak selected card style

[sh...@apache.org]

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

shenyi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-doc.git


The following commit(s) were added to refs/heads/master by this push:
     new 18584d3  tweak selected card style
18584d3 is described below

commit 18584d3c382132f1e0b122efc043a65284b8ac31
Author: pissang <bm...@gmail.com>
AuthorDate: Mon Jan 6 20:21:57 2020 +0800

    tweak selected card style
---
 src/components/DocContentItemCard.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/DocContentItemCard.vue b/src/components/DocContentItemCard.vue
index 5cf81fe..524f4ab 100644
--- a/src/components/DocContentItemCard.vue
+++ b/src/components/DocContentItemCard.vue
@@ -1,6 +1,11 @@
 <template>
 <div
-    :class="['doc-content-item-card', 'level-' + depth, isLeaf ? 'leaf' : '']"
+    :class="[
+        'doc-content-item-card',
+        'level-' + depth,
+        isLeaf ? 'leaf' : '',
+        shared.currentPath === nodeData.path ? 'current' : ''
+    ]"
     :id="itemId"
 >
     <div class="hierarchy-line" v-if="expanded"></div>
@@ -20,10 +25,6 @@
         </span>
 
         <span class="default-value" v-if="nodeData.default && nodeData.default !== '*'"> = {{nodeData.default}}</span>
-        <span
-            v-if="shared.currentPath === nodeData.path"
-            style="font-size: 20px; user-select: none"
-        >🤛</span>
     </h4>
 
     <div class="prop-types">
@@ -175,6 +176,10 @@ $hierarchy-guider-color: #C592A0;
 
     padding: 15px 0;
 
+    &.current {
+        border-top: 1px solid #b03a5b;
+    }
+
     .hierarchy-line {
         position: absolute;
         top: 35px;


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