diff options
| author | stonedDiscord <Tukz@gmx.de> | 2021-02-08 00:55:08 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-08 00:55:08 +0100 |
| commit | fa7d03b900cd5f96a42dc98d5822334c7759df7e (patch) | |
| tree | 08fc5a8ab35e8bf130eb919d2c07ff812228104d | |
| parent | 891bca54f8ed848d180a716055c21af19046ef71 (diff) | |
| parent | e568aec6a5c65989b342a9ed186c138447c86c0e (diff) | |
Merge pull request #79 from craftxbox/patch-2
Fix OOC horizontal scrolling from typing too much in the input box.
| -rw-r--r-- | webAO/client.html | 6 | ||||
| -rw-r--r-- | webAO/styles/client.css | 15 |
2 files changed, 18 insertions, 3 deletions
diff --git a/webAO/client.html b/webAO/client.html index 1b6b9c2..40fea69 100644 --- a/webAO/client.html +++ b/webAO/client.html @@ -506,9 +506,9 @@ <meta name="frame-title" lang="en" content="Server"> <div style="height: 100%; display: flex; flex-direction: column;"> <textarea id="client_ooclog" style="flex: 1 auto" readonly></textarea> - <span id="client_oocinput" style="display: inline-block; white-space: nowrap;"> - <input id="OOC_name" style="width: 15%;" name="OOC_name" type="text"> - <input id="client_oocinputbox" style="width: 85%;" type="text" onkeypress="onOOCEnter(event)"> + <span id="client_oocinput"> + <input id="OOC_name" name="OOC_name" type="text"> + <input id="client_oocinputbox" type="text" onkeypress="onOOCEnter(event)"> </span> <span id="client_replaycontrols" style="display: none; white-space: nowrap;"> <input id="client_replaygo" style="width: 25%;" type="button" onclick="onReplayGo(event)" value="GO"> diff --git a/webAO/styles/client.css b/webAO/styles/client.css index b86e188..5a4c10e 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -125,6 +125,7 @@ overflow-y:auto; } + @keyframes shake { 0%, @@ -449,6 +450,20 @@ border: none; } +#client_oocinput { + display:flex; + flex-flow: row nowrap; + whitespace: nowrap; +} + +#client_oocinputbox { + flex-grow:1; +} + +#OOC_name { + width:15%; +} + #client_musicsearch { width: 100%; } |