From 68202b1ee4939f835231d8550196e8f779237bf4 Mon Sep 17 00:00:00 2001 From: "M. Omer Golgeli" Date: Thu, 5 Nov 2015 20:59:22 +0200 Subject: [PATCH 1/4] Revert "Revert "Turn off input autocomplete"" Turned of autocomplete again. Removed spellcheck. Added tabindex="1", before that when I clicked anywhere else on the page, tab button didn't go to text box at first try. --- client/index.html | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/client/index.html b/client/index.html index b774a2a3..582a8c52 100644 --- a/client/index.html +++ b/client/index.html @@ -271,16 +271,14 @@

About Shout

-
+
- -
- - -
-
+
+ + + +
+
From d2240d3e42f11db907a05c5db9d5498bf007e7a5 Mon Sep 17 00:00:00 2001 From: "M. Omer Golgeli" Date: Thu, 5 Nov 2015 22:22:06 +0200 Subject: [PATCH 2/4] Update style.css Changed show-more buttons position to relative to avoid it being displayed over the existing text. Due to changing Send button to an input class, some adjustments were needed for it's positioning. --- client/css/style.css | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/client/css/style.css b/client/css/style.css index 7ce8ea86..2d8c0daa 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -562,7 +562,7 @@ button { #chat .show-more { display: none; padding: 10px; - position: absolute; + position: relative; width: 100%; } #chat .show-more.show + .messages .msg:first-child { @@ -939,18 +939,18 @@ button { width: 100%; } #form #submit { - background: #f4f4f4; - background-image: linear-gradient(#f4f4f4, #ececec); - border: 1px solid #d7d7d7; - border-bottom-color: #b7b7b7; - border-radius: 2px; - font: 12px Lato, sans-serif; - color: #555; - height: 34px; - position: absolute; - right: 0; - transition: opacity .3s; - width: 58px; + background: #f4f4f4; + background-image: linear-gradient(#f4f4f4, #ececec); + border: 1px solid #d7d7d7; + border-bottom-color: #b7b7b7; + border-radius: 2px; + font: 12px Lato, sans-serif; + color: #555; + height: 34px; + position: fixed; + right: 10px; + transition: opacity .3s; + width: 58px; } From adf43b18a2ada466211a23d5397510a22f43915e Mon Sep 17 00:00:00 2001 From: "M. Omer Golgeli" Date: Thu, 5 Nov 2015 22:39:26 +0200 Subject: [PATCH 3/4] Update index.html --- client/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/client/index.html b/client/index.html index 582a8c52..4d2c84c7 100644 --- a/client/index.html +++ b/client/index.html @@ -273,12 +273,12 @@

About Shout

-
- - - -
-
+
+ + + +
+
From e8b3a2112e0474e3454fc36de0ea55f1e190f162 Mon Sep 17 00:00:00 2001 From: "M. Omer Golgeli" Date: Thu, 5 Nov 2015 22:40:42 +0200 Subject: [PATCH 4/4] Update style.css --- client/css/style.css | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/client/css/style.css b/client/css/style.css index 2d8c0daa..8327e561 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -939,18 +939,18 @@ button { width: 100%; } #form #submit { - background: #f4f4f4; - background-image: linear-gradient(#f4f4f4, #ececec); - border: 1px solid #d7d7d7; - border-bottom-color: #b7b7b7; - border-radius: 2px; - font: 12px Lato, sans-serif; - color: #555; - height: 34px; - position: fixed; - right: 10px; - transition: opacity .3s; - width: 58px; + background: #f4f4f4; + background-image: linear-gradient(#f4f4f4, #ececec); + border: 1px solid #d7d7d7; + border-bottom-color: #b7b7b7; + border-radius: 2px; + font: 12px Lato, sans-serif; + color: #555; + height: 34px; + position: fixed; + right: 10px; + transition: opacity .3s; + width: 58px; }