Visual adjusment for stories tree

2025-04-09 00:19:13 +08:00 · 2017-08-03 20:58:52 +03:00 · 2017-08-03 20:58:52 +03:00 · e24d28eeba
commit e24d28eeba
parent cac540158a
1 changed files with 6 additions and 3 deletions
--- a/lib/ui/src/modules/ui/components/left_panel/stories_tree/tree_style.js
+++ b/lib/ui/src/modules/ui/components/left_panel/stories_tree/tree_style.js
@ -26,12 +26,13 @@ export default {
        zIndex: 1,
      },
      activeLink: {
+        color: 'inherit',
        fontWeight: 'bold',
        backgroundColor: '#EEE',
        zIndex: 0,
      },
      nativeLink: {
-        color: 'inherit',
+        color: '#1E88E5',
        textDecoration: 'none',
      },
      toggle: {
@ -47,11 +48,12 @@ export default {
          position: 'absolute',
          top: '50%',
          left: '50%',
-          margin: '-12px 0 0 -4px',
+          margin: '-5px 0 0 -5px',
        },
        height: 10,
        width: 10,
        arrow: {
+          verticalAlign: 'top',
          fill: '#9DA5AB',
        },
      },
@ -60,6 +62,7 @@ export default {
          display: 'inline-block',
          verticalAlign: 'top',
          maxWidth: `calc(100% - ${toggleWidth})`,
+          paddingBottom: '2px',
        },
        connector: {
          width: '2px',
@ -71,7 +74,7 @@ export default {
          left: '-21px',
        },
        title: {
-          lineHeight: '24px',
+          lineHeight: '22px',
          verticalAlign: 'middle',
        },
        storyTitle: {