From 25c2a18a71e76bc70b0b04e3e7e3aaa3738a623d Mon Sep 17 00:00:00 2001 From: Jason Puglisi Date: Sun, 29 Mar 2015 22:31:38 -0400 Subject: Made quick-reply box resizable horizontally --- js/quick-reply.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'js/quick-reply.js') diff --git a/js/quick-reply.js b/js/quick-reply.js index 07fe4aef..6661501c 100644 --- a/js/quick-reply.js +++ b/js/quick-reply.js @@ -83,11 +83,12 @@ }\ #quick-reply textarea {\ width: 100%;\ + min-width: 100%;\ box-sizing: border-box;\ -webkit-box-sizing:border-box;\ -moz-box-sizing: border-box;\ font-size: 10pt;\ - resize: vertical;\ + resize: vertical horizontal;\ }\ #quick-reply input, #quick-reply select, #quick-reply textarea {\ margin: 0 0 1px 0;\ -- cgit v1.3 From c74fc6cefb69e751ee3a8b6c65eeb22f6e499753 Mon Sep 17 00:00:00 2001 From: anonish Date: Thu, 29 Jan 2015 21:44:11 -0600 Subject: QR fix for tablet (portrait) mode in laptops Quick reply will now show up on tablets in portrait mode where width can be < 800px as originally coded (mainly 768x1280 and 800x1280) --- js/quick-reply.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'js/quick-reply.js') diff --git a/js/quick-reply.js b/js/quick-reply.js index 6661501c..a8145607 100644 --- a/js/quick-reply.js +++ b/js/quick-reply.js @@ -116,7 +116,7 @@ #quick-reply td.recaptcha-response {\ padding: 0 0 1px 0;\ }\ - @media screen and (max-width: 800px) {\ + @media screen and (max-width: 600px) {\ #quick-reply {\ display: none !important;\ }\ @@ -364,7 +364,7 @@ $(window).ready(function() { if (settings.get('hide_at_top', true)) { $(window).scroll(function() { - if ($(this).width() <= 800) + if ($(this).width() <= 600) return; if ($(this).scrollTop() < $origPostForm.offset().top + $origPostForm.height() - 100) $postForm.fadeOut(100); @@ -385,7 +385,7 @@ }; $(window).on('cite', function(e, id, with_link) { - if ($(this).width() <= 800) + if ($(this).width() <= 600) return; show_quick_reply(); if (with_link) { @@ -440,7 +440,7 @@ $('.quick-reply-btn').hide(); $(window).scroll(function() { - if ($(this).width() <= 800) + if ($(this).width() <= 600) return; if ($(this).scrollTop() < $('form[name="post"]:first').offset().top + $('form[name="post"]:first').height() - 100) $('.quick-reply-btn').fadeOut(100); -- cgit v1.3 From d3d54b8c764b779c6d3cf1d2a6cd49f204d60387 Mon Sep 17 00:00:00 2001 From: Anonish Date: Fri, 6 Feb 2015 20:42:13 -0600 Subject: Update quick-reply.js apparently 600 was still not allowing QR to load on portrait mode. 400 seems to work fine --- js/quick-reply.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'js/quick-reply.js') diff --git a/js/quick-reply.js b/js/quick-reply.js index a8145607..12cca366 100644 --- a/js/quick-reply.js +++ b/js/quick-reply.js @@ -116,7 +116,7 @@ #quick-reply td.recaptcha-response {\ padding: 0 0 1px 0;\ }\ - @media screen and (max-width: 600px) {\ + @media screen and (max-width: 400px) {\ #quick-reply {\ display: none !important;\ }\ @@ -364,7 +364,7 @@ $(window).ready(function() { if (settings.get('hide_at_top', true)) { $(window).scroll(function() { - if ($(this).width() <= 600) + if ($(this).width() <= 400) return; if ($(this).scrollTop() < $origPostForm.offset().top + $origPostForm.height() - 100) $postForm.fadeOut(100); @@ -385,7 +385,7 @@ }; $(window).on('cite', function(e, id, with_link) { - if ($(this).width() <= 600) + if ($(this).width() <= 400) return; show_quick_reply(); if (with_link) { @@ -440,7 +440,7 @@ $('.quick-reply-btn').hide(); $(window).scroll(function() { - if ($(this).width() <= 600) + if ($(this).width() <= 400) return; if ($(this).scrollTop() < $('form[name="post"]:first').offset().top + $('form[name="post"]:first').height() - 100) $('.quick-reply-btn').fadeOut(100); -- cgit v1.3