File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 105105 }
106106
107107 .closer {
108- left : 175 px ;
108+ left : -326 px ;
109109 }
110110
111111 /* Rotate chevron icon on toggle. */
Original file line number Diff line number Diff line change 88
99<style >
1010 .menu {
11- /* *
12- * 1. Rotate menu 90 degrees, so it runs vertically.
13- * 2. Move menu up by height + border.
14- * Because of the rotation, this is equivalent to moving left.
15- * 3. Move menu left (equivalent to down), to leave space above it for show/hide toggle.
16- */
1711 display : flex ;
12+ margin-top : 43px ;
1813 flex-direction : row-reverse ;
1914 border : 1px solid #ccc ;
2015 border-radius : 5px 5px 0 0 ;
2116 height : 25px ;
2217 line-height : 25px ;
23- transform-origin : top right ;
24- transform : /* 1 */ rotate (-90deg ) /* 2 */ translateY (-27px ) /* 3 */ translateX (-70px );
18+ margin-right : -500px ;
19+ transform-origin : bottom right ;
20+ transform : rotate (-90deg ) translate (0 , -500px );
2521 }
2622
2723 .menu-item {
You can’t perform that action at this time.
0 commit comments