Mirror/urlpages
1
0
Fork 0
mirror of https://github.com/jstrieb/urlpages.git synced 2025-01-03 11:42:12 +01:00
Code Issues Projects Releases Packages Wiki Activity

Move bottom right buttons to vertical display

Browse source
This commit is contained in:
Jacob Strieb 2020-07-12 13:26:04 -04:00
parent f67f721833
commit bcfc270344
3 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
editor/editor.js
View file

@ -88,7 +88,7 @@ function hideButtons(box) {
if (box.checked) {
buttons.forEach((button) => button.style.display = "none");
} else {
buttons.forEach((button) => button.style.display = "inline");
buttons.forEach((button) => button.style.display = "block");
}
}

5
editor/index.html
View file

@ -16,8 +16,9 @@
</div>
<div id="bottomleft-buttons">
<label for="hide">Hide Buttons</label>
<input type="checkbox" id="hide" onclick="hideButtons(this)" /><br />
<label for="hide">Hide Buttons
<input type="checkbox" id="hide" onclick="hideButtons(this)" />
</label>
<!-- Seemingly random attributes necessary for TinyUrl to accept the request -->
<form action="http://tinyurl.com/create.php" method="get" target="_blank">
<input type="hidden" id="source" name="source" value="indexpage">

21
editor/main.css
View file

@ -41,6 +41,16 @@ a, button {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: stretch;
}
#bottomleft-buttons button {
display: block;
margin: 0;
width: 100%;
border-top: 1px solid limegreen;
}
#topright-buttons {
@ -54,13 +64,6 @@ form {
}
label, input[type="checkbox"] {
vertical-align: middle;
}
label {
padding: 5px;
padding-bottom: 0;
padding-top: 0;
background: white;
color: black;
vertical-align: baseline;
text-align: center;
}