dirk
/
honk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better styling for actions, especially mobile

This commit is contained in:
Ted Unangst 2019-06-02 14:44:39 -04:00
parent 10f35f7eb0
commit 9da87b5348
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
views/honk.html
View File

@ -46,6 +46,9 @@ convoy: <a href="/t?c={{ .Convoy }}">{{ .Convoy }}</a>
{{ end }} {{ end }}
{{ if .BonkCSRF }} {{ if .BonkCSRF }}
<p> <p>
<details>
<summary>Actions
</summary>
<div> <div>
{{ if .Honk.Public }} {{ if .Honk.Public }}
<button onclick="bonk(this, '{{ .Honk.XID }}'); return false;"><a href="/bonk">bonk</a></button> <button onclick="bonk(this, '{{ .Honk.XID }}'); return false;"><a href="/bonk">bonk</a></button>
@ -56,14 +59,15 @@ convoy: <a href="/t?c={{ .Convoy }}">{{ .Convoy }}</a>
<input type="hidden" name="honk" value="{{ .Honk.XID }}"> <input type="hidden" name="honk" value="{{ .Honk.XID }}">
<input type="hidden" name="honker" value="{{ .Honk.Honker }}"> <input type="hidden" name="honker" value="{{ .Honk.Honker }}">
<input type="hidden" name="convoy" value="{{ .Honk.Convoy }}"> <input type="hidden" name="convoy" value="{{ .Honk.Convoy }}">
<button onclick="zonkit(this); return false;"><a href="/zonkit">zonk</a></button>
<select name="wherefore"> <select name="wherefore">
<option>this honk</option> <option>this honk</option>
<option>this honker</option> <option>this honker</option>
<option>this convoy</option> <option>this convoy</option>
</select> </select>
<button onclick="zonkit(this); return false;"><a href="/zonkit">zonk</a></button>
</form> </form>
</div> </div>
</details>
<p> <p>
{{ end }} {{ end }}
</article> </article>

13
views/style.css
View File

@ -59,8 +59,8 @@ main {
margin-top 1em; margin-top 1em;
margin-bottom: 1em; margin-bottom: 1em;
} }
button, form input[type=submit], select { .info label, button, form input[type=submit], select {
font-size: 0.8em; font-size: 16px;
font-family: monospace; font-family: monospace;
color: #dde; color: #dde;
background: #305; background: #305;
@ -99,13 +99,6 @@ button a {
.info input[type=file] { .info input[type=file] {
display: none; display: none;
} }
.info label {
border: 1px solid #dde;
font-size: 0.8em;
padding: 0.5em;
font-size: 0.8em;
background: #305;
}
.honk { .honk {
width: 90%; width: 90%;
@ -180,7 +173,7 @@ img.emu {
} }
@media screen and (max-width: 740px) { @media screen and (max-width: 740px) {
body { body {
font-size: 0.6em; font-size: 12px;
} }
.info textarea { .info textarea {
width: 20em; width: 20em;