Skip to content

Commit 9117472

Browse files
roth1002roth1002
authored
Fix/expand not smoothly (#41)
* Add visiblility transtion on navtext * Build doc * preserving trailing semicolons
1 parent 09e3083 commit 9117472

8 files changed

Lines changed: 734 additions & 267 deletions

File tree

‎dist/react-sidenav.css‎

Lines changed: 25 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/react-sidenav.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/bundle.js‎

Lines changed: 698 additions & 253 deletions
Large diffs are not rendered by default.

‎docs/bundle.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,5 +11,5 @@
1111
</head>
1212
<body>
1313
<div id="container"></div>
14-
<script type="text/javascript" src="bundle.js?f19157b84f0a6034d46d"></script></body>
14+
<script type="text/javascript" src="bundle.js?042afdb679b36b041cf3"></script></body>
1515
</html>

‎src/sidenav-expanded.styl‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,9 @@
33

44
.sidenav-nav > .sidenav-navitem {
55
.navicon + .navtext {
6-
display: inline-block;
6+
visibility: visible;
7+
opacity: 1;
8+
transition: opacity .2s linear;
79
}
810
}
911

‎src/sidenav-navitem.styl‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,6 +97,9 @@
9797
}
9898

9999
> .navitem .navicon + .navtext {
100-
display: none;
100+
width: 0;
101+
visibility: hidden;
102+
opacity: 0;
103+
transition: visibility 0s .2s, opacity .2s linear;
101104
}
102105
}

‎src/sidenav.styl‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,5 @@
66
z-index: 1006;
77
min-width: 64px;
88
background: #db3d44;
9-
transition: min-width .15s;
9+
transition: min-width .2s;
1010
}

0 commit comments

Comments
 (0)