Fixed toolbar button layout

This commit is contained in:
ocogeclub 2021-05-22 23:21:07 +09:00
parent e0586907a2
commit d29cd7e9a7
2 changed files with 6 additions and 4 deletions

View File

@ -337,10 +337,11 @@ div.toolbar-left {
color: white; color: white;
border: none; border: none;
background-color: transparent; background-color: transparent;
padding: 4px; /* padding: 4px; */
transition-property: all; transition-property: all;
transition: 0.2s linear; transition: 0.2s linear;
font-size: large; font-size: large;
line-height: 1em;
outline: none; outline: none;
text-decoration: none; text-decoration: none;
} }
@ -351,13 +352,13 @@ div.toolbar-left {
.redo { .redo {
vertical-align: middle; vertical-align: middle;
margin-top: 1px; /* margin-top: 0px; */
} }
div.toolbar-right { div.toolbar-right {
position: absolute; position: absolute;
right: 2px; right: 2px;
margin-top: 5px; margin-top: 6px;
display: inline-block; display: inline-block;
/* text-align: right; */ /* text-align: right; */
width: 500px; width: 500px;
@ -375,6 +376,7 @@ div.toolbar-right {
width: 72px; width: 72px;
height: 30px; height: 30px;
outline: none; outline: none;
vertical-align: middle;
} }
.toolbarButton:hover { .toolbarButton:hover {

View File

@ -51,7 +51,7 @@
class="fas fa-clone"></i> 別名</button> class="fas fa-clone"></i> 別名</button>
<button class="toolbarButton" title="ブロックプログラムを実行します。" onclick="ugj_runCode()" id="runbtn"><i <button class="toolbarButton" title="ブロックプログラムを実行します。" onclick="ugj_runCode()" id="runbtn"><i
class="fas fa-play-circle"></i> 実行</button> class="fas fa-play-circle"></i> 実行</button>
<button class="iconbutton" title="アプリを再読み込みします。" onclick="location.reload()"><i <button class="iconbutton redo" title="アプリを再読み込みします。" onclick="location.reload()"><i
class="fas fa-redo-alt"></i></button> class="fas fa-redo-alt"></i></button>
</div> </div>
</div> </div>