提交 fcc4877b 编写于 作者: Y Yuin Chien

Refined menu button

上级 ea24c0dc
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<a href="../examples/#webgl_animation_cloth">examples</a> <a href="../examples/#webgl_animation_cloth">examples</a>
</div> </div>
<img id="expandButton" src="../files/ic_menu_black_24dp.svg"> <div id="expandButton"></div>
</div> </div>
<div id="panelScrim"></div> <div id="panelScrim"></div>
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<span class="selected">examples</span> <span class="selected">examples</span>
</div> </div>
<img id="expandButton" src="../files/ic_menu_black_24dp.svg"> <div id="expandButton"></div>
</div> </div>
<div id="panelScrim"></div> <div id="panelScrim"></div>
......
...@@ -140,9 +140,16 @@ h1 a { ...@@ -140,9 +140,16 @@ h1 a {
} }
#panel #expandButton { #panel #expandButton {
margin-right: 14px; width: 3rem;
margin-left: 2px; height: 3rem;
margin-right: 4px;
margin-left: 4px;
display: none; display: none;
cursor: pointer;
background-size: var(--icon-size);
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../files/ic_menu_black_24dp.svg);
} }
#panel #sections { #panel #sections {
...@@ -257,10 +264,14 @@ h1 a { ...@@ -257,10 +264,14 @@ h1 a {
#panel #content h2 { #panel #content h2 {
margin-top: 2rem; margin-top: 2rem;
border-top: var(--border-style);
padding-top: .8rem;
} }
#panel #content h2:first-child { #panel #content h2:first-child {
margin-top: 1rem !important; margin-top: 1rem !important;
border-top: none;
padding-top: 0;
} }
#panel #content a { #panel #content a {
...@@ -285,6 +296,8 @@ h1 a { ...@@ -285,6 +296,8 @@ h1 a {
margin-bottom: 2px; margin-bottom: 2px;
padding-bottom: 0px; padding-bottom: 0px;
margin-top: 1.2rem; margin-top: 1.2rem;
border-top: none;
padding-top: .4rem;
} }
.spacer { .spacer {
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<a href="examples/#webgl_animation_cloth">examples</a> <a href="examples/#webgl_animation_cloth">examples</a>
</div> </div>
<img id="expandButton" src="files/ic_menu_black_24dp.svg"> <div id="expandButton"></div>
</div> </div>
<div id="panelScrim"></div> <div id="panelScrim"></div>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册