From c46cd3078d837a30fb5c2e2062b2cfe56633e8ad Mon Sep 17 00:00:00 2001 From: "M. Omer Golgeli" Date: Fri, 8 Jan 2016 18:51:00 +0200 Subject: [PATCH 1/2] Fix show-more being displayed over chat messages. Changed show-more position to from absolute to relative in style.css to avoid it being displayed over the existing text. --- client/css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/css/style.css b/client/css/style.css index 7ce8ea86..b939360c 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 { From 24dbd90568795f4515274e4893f9e70d24e65536 Mon Sep 17 00:00:00 2001 From: "M. Omer Golgeli" Date: Fri, 29 Jan 2016 18:01:14 +0200 Subject: [PATCH 2/2] Update style.css Removed some css lines to get rid of extra empty lines above and below Show More button. Credits goes to xPaw --- client/css/style.css | 9 --------- 1 file changed, 9 deletions(-) diff --git a/client/css/style.css b/client/css/style.css index b939360c..1fb06f0d 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -565,12 +565,6 @@ button { position: relative; width: 100%; } -#chat .show-more.show + .messages .msg:first-child { - padding-top: 47px !important; -} -#chat .show-more.show + .messages .msg:first-child > span { - padding-top: 52px !important; -} #chat .show-more-button { background: #f4f4f4; background-image: linear-gradient(#f4f4f4, #ececec); @@ -594,9 +588,6 @@ button { display: table-row; word-wrap: break-word; } -#chat .msg:first-child > span { - padding-top: 10px; -} #chat .msg:last-child { height: 100%; }