Fixed a display issue for long ipv6 addresses and port input on mobile

This commit is contained in:
Thatcher Peskens 2021-01-10 12:10:44 +01:00
parent 98f9efbfb8
commit 7b849f72bf
4 changed files with 19 additions and 18 deletions

View File

@ -71,4 +71,4 @@ endif
@sha256sum $(GOPATH)/bin/$(XBIN) @sha256sum $(GOPATH)/bin/$(XBIN)
run: run:
go run cmd/echoip/main.go -a data/asn.mmdb -c data/city.mmdb -f data/country.mmdb -H x-forwarded-for -r -s go run cmd/echoip/main.go -a data/asn.mmdb -c data/city.mmdb -f data/country.mmdb -H x-forwarded-for -r -s -p

View File

@ -200,52 +200,52 @@
</p> </p>
<div class="pure-form"> <div class="pure-form">
<!-- COMMAND WIDGET --> <!-- COMMAND WIDGET -->
<div class="buttons"> <div class="input-buttons">
<button <button
name="ip" name="ip"
class="button widget-select" class="pure-button widget-select"
onclick="changeInput(this.name, this)" onclick="changeInput(this.name, this)"
> >
ip ip
</button> </button>
<button <button
name="country" name="country"
class="button widget-select" class="pure-button widget-select"
onclick="changeInput(this.name, this)" onclick="changeInput(this.name, this)"
> >
country country
</button> </button>
<button <button
name="country-iso" name="country-iso"
class="button widget-select" class="pure-button widget-select"
onclick="changeInput(this.name, this)" onclick="changeInput(this.name, this)"
> >
country-iso country-iso
</button> </button>
<button <button
name="city" name="city"
class="button widget-select" class="pure-button widget-select"
onclick="changeInput(this.name, this)" onclick="changeInput(this.name, this)"
> >
city city
</button> </button>
<button <button
name="asn" name="asn"
class="button widget-select" class="pure-button widget-select"
onclick="changeInput(this.name, this)" onclick="changeInput(this.name, this)"
> >
asn asn
</button> </button>
<button <button
name="json" name="json"
class="button widget-select" class="pure-button widget-select"
onclick="changeInput(this.name, this)" onclick="changeInput(this.name, this)"
> >
json json
</button> </button>
<button <button
name="port" name="port"
class="button widget-select" class="pure-button widget-select"
onclick="changeInput(this.name, this)" onclick="changeInput(this.name, this)"
> >
port port
@ -266,12 +266,13 @@
</div> </div>
<div id="output" class="widgetbox output"></div> <div id="output" class="widgetbox output"></div>
<form class="pure-form"> <form class="pure-form input-buttons">
<fieldset> <fieldset>
<label for="ipCheckBox"> <label for="ipInput">
Check another IP (optional)
<input <input
id="ipInput" id="ipInput"
class="medium-input pure-input" class=""
type="text" type="text"
placeholder="IP to query" placeholder="IP to query"
onkeyup="updateIP(this.value)" onkeyup="updateIP(this.value)"

View File

@ -71,7 +71,6 @@
function navigate(event) { function navigate(event) {
console.log("navigate", compositePath) console.log("navigate", compositePath)
window.location = compositePath window.location = compositePath
event.preventDefault()
} }
function updatePort(value) { function updatePort(value) {

View File

@ -26,6 +26,7 @@
background: #f2f2f2; background: #f2f2f2;
font-size: 36px; font-size: 36px;
padding: 6px; padding: 6px;
word-wrap: break-word;
} }
svg.github-corner { svg.github-corner {
fill: #151513; fill: #151513;
@ -88,11 +89,6 @@
text-align: right; text-align: right;
} }
.narrow-input {
width: 5.5em;
margin-top: 0.2em;
}
.medium-input { .medium-input {
width: 10em; width: 10em;
} }
@ -101,6 +97,11 @@
background-color: rgb(208 208 208); background-color: rgb(208 208 208);
} }
.input-buttons {
line-height: 2.6em;
font-size: smaller;
}
/* POST CORRECTION */ /* POST CORRECTION */
.leafcloud-logo .letters { .leafcloud-logo .letters {
fill: black; fill: black;