From 8c5101a7297ebec1c9cc3ca849f604e5b39ccd9b Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Mon, 21 Oct 2013 13:25:27 +0300 Subject: [ticket/11956] Responsive AJAX alerts PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index a9d7b1abc7..c15d9bee4e 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -482,6 +482,11 @@ fieldset.display-actions { white-space: normal; } +.phpbb_alert { + max-width: none; + margin: 0 25px; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From e660c1a5543c96d299b477731dedf3d144b685a0 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Mon, 21 Oct 2013 15:17:48 +0300 Subject: [ticket/11956] Fix member list page PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index c15d9bee4e..8578e50d1c 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -262,6 +262,10 @@ table.responsive.show-header thead, table.responsive.show-header th:first-child text-align: left !important; } +table.responsive.show-header th:first-child span.rank-img { + display: none; +} + table.responsive tr { margin: 2px 0; } -- cgit v1.2.1 From 4188d178f340f5784dfc762d64db29f38eb814f7 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Mon, 21 Oct 2013 15:42:35 +0300 Subject: [ticket/11956] Scale down online image for HD display Scale down online image for HD displays PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 8578e50d1c..aadb98e188 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -442,6 +442,14 @@ fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent { max-height: 32px; } +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) +{ + /* Scale online image for HD displays */ + .online { + background-size: 40px; + } +} + /* Misc stuff ----------------------------------------*/ h2 { -- cgit v1.2.1 From 9833354578d9f2dfb9f1438718d84505880438e2 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Mon, 21 Oct 2013 17:19:37 +0300 Subject: [ticket/11956] Fix topic actions layout Fix topic actions layout on mobile devices PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index aadb98e188..fc24cd7ed2 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -480,6 +480,12 @@ fieldset.quickmod { text-align: center; } +fieldset.display-options label { + display: block; + clear: both; + margin-bottom: 5px; +} + dl.mini dd.pm-legend { float: left; min-width: 200px; -- cgit v1.2.1 From 5c5137818607777367f6d9a970f668c0c6d061e7 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Mon, 21 Oct 2013 21:28:32 +0300 Subject: [ticket/11956] Move responsive *CP navigation Move responsive *CP navigation to cp.css because layout has to change at width higher than 700px PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 35 ----------------------------- 1 file changed, 35 deletions(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index fc24cd7ed2..83233bf6aa 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -211,41 +211,6 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { margin: 5px 0; } -/* *CP navigation -----------------------------------------*/ -.nojs #tabs a span, .nojs #minitabs a span { - max-width: 40px; - overflow: hidden; - text-overflow: ellipsis; - letter-spacing: -.5px; -} - -#cp-menu, #navigation, #cp-main { - float: none; - width: auto; - margin: 0; -} - -#navigation { - padding: 0; - margin: 0 auto; - max-width: 320px; -} - -#navigation a { - background-image: none; -} - -#navigation li:first-child a { - border-top-left-radius: 5px; - border-top-right-radius: 5px; -} - -#navigation li:last-child a { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} - /* Responsive tables ----------------------------------------*/ table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { -- cgit v1.2.1 From d2d4438db50e54b9ad61731b5d92d01bd057309c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Tue, 22 Oct 2013 00:11:48 +0300 Subject: [ticket/11956] Adjustments to responsive topiclist lists Changes behavior of topiclist lists on mobile devices. Shows/hides certain elements in each row to present all important information to visitor on mobile devices, such as last post when viewing forum instead of first post. Also fixes topiclist layout bug in drafts.html PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 28 +++++----------------------- 1 file changed, 5 insertions(+), 23 deletions(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 83233bf6aa..322f11e291 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -133,35 +133,12 @@ ul.topiclist.forums dt, ul.topiclist.topics dt { } ul.topiclist.forums dt .list-inner, ul.topiclist.topics dt .list-inner { margin-right: 250px; - padding-bottom: 18px; } ul.topiclist.forums dd.lastpost, ul.topiclist.topics dd.lastpost { display: block; } -ul.topiclist.forums dd.topics, ul.topiclist.topics dd.posts { - display: block; - position: absolute; - left: 45px; - right: 0; - bottom: 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - min-height: 0; - height: auto; - border-width: 0; - margin: 0; - padding: 5px 0; - width: auto; - min-width: 0; - text-align: left; - font-weight: bold; - font-size: 1.2em; - line-height: 1em; -} - ul.topiclist dd.mark { display: block; position: absolute; @@ -196,6 +173,11 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { } } +li.row .responsive-show strong { + font-weight: bold; + color: inherit; +} + /* Notifications list ----------------------------------------*/ @media only screen and (max-width: 350px), only screen and (max-device-width: 350px) -- cgit v1.2.1 From 5eeaab562cc152c378aa43e152a36b9826fdfe7c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Tue, 22 Oct 2013 22:23:49 +0300 Subject: [ticket/11956] Responsive quick login form PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 322f11e291..693e6a4474 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -306,6 +306,30 @@ dl.pmlist dd:first-of-type { display: inline-block !important; } +fieldset.quick-login label { + display: block; + margin-bottom: 5px; + white-space: normal; +} + +fieldset.quick-login label > span { + display: inline-block; + min-width: 100px; +} + +fieldset.quick-login input.inputbox { + width: 85%; + max-width: 300px; + margin-left: 20px; +} + +fieldset.quick-login label[for="autologin"] { + display: inline-block; + text-align: right; + min-width: 50%; +} + + /* User profile ----------------------------------------*/ .column1, .column2, .left-box.profile-details { -- cgit v1.2.1 From 02cf80da9db56954a37441f5039102178671e159 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Tue, 22 Oct 2013 22:59:26 +0300 Subject: [ticket/11956] Wider pagination links on mobile devices Wider pagination links on mobile devices. Also fixes typo in pagination selector. PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 693e6a4474..faa46a3700 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -193,6 +193,12 @@ li.row .responsive-show strong { margin: 5px 0; } +.pagination li a, .pagination li span { + min-width: 10px; + display: inline-block; + text-align: center; +} + /* Responsive tables ----------------------------------------*/ table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { -- cgit v1.2.1 From 17a954f454f7eddaf2facd7a00114ddbf2ae7490 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Wed, 23 Oct 2013 23:08:18 +0300 Subject: [ticket/11956] Responsive subforums list PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index faa46a3700..cfe76149d8 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -178,6 +178,14 @@ li.row .responsive-show strong { color: inherit; } +ul.topiclist li.row dt a.subforum { + display: inline-block; + vertical-align: bottom; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100px; +} + /* Notifications list ----------------------------------------*/ @media only screen and (max-width: 350px), only screen and (max-device-width: 350px) -- cgit v1.2.1 From 6dedac19292b4979a7b15aea02d7f1366b4902bc Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 25 Oct 2013 12:50:36 +0300 Subject: [ticket/11956] Adjust few elements for tiny devices Change min-width for tiny phones Adjust form elements max-width for tiny phones PHPBB3-11956 --- phpBB/styles/prosilver/theme/responsive.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme/responsive.css') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index cfe76149d8..d7af7519b7 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -17,7 +17,7 @@ body { } #wrap { - min-width: 320px; + min-width: 300px; padding: 0; } @@ -343,6 +343,19 @@ fieldset.quick-login label[for="autologin"] { min-width: 50%; } +@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) +{ + select, .inputbox { + max-width: 260px; + } +} + +@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) +{ + select, .inputbox { + max-width: 240px; + } +} /* User profile ----------------------------------------*/ -- cgit v1.2.1