From 5c3669eccb5024a972910476cf3308231486a165 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 14 Sep 2013 22:43:05 +0300 Subject: [ticket/11552] Add link to responsive.css Add link to responsive.css and blank responsive.css PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 2 ++ 1 file changed, 2 insertions(+) create mode 100644 phpBB/styles/prosilver/theme/responsive.css (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css new file mode 100644 index 0000000000..f4342479b2 --- /dev/null +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -0,0 +1,2 @@ +/* Responsive Design +---------------------------------------- */ -- cgit v1.2.1 From befffe7472e86978289e182e6ec433679537dcbd Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 14 Sep 2013 22:51:34 +0300 Subject: [ticket/11552] Basic rules for wrappers and header Basic rules for content wrapper, common block wrappers and header PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 47 +++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index f4342479b2..f2b2209091 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,2 +1,49 @@ /* Responsive Design ---------------------------------------- */ + +/* Content wrapper */ +html { + height: auto; +} + +body { + padding: 0 5px; +} + +#wrap { + min-width: 320px; + padding: 0; +} + +/* Common block wrappers */ +.headerbar, .navbar, .forabg, .forumbg, .post, .panel { + border-radius: 0; + margin-left: -5px; + margin-right: -5px; +} + +/* Logo block */ +#site-description { + float: none; + width: auto; + text-align: center; +} + +#logo { + /* change display value to inline-block to show logo */ + display: none; + float: none; + padding: 10px; +} + +#site-description h1, #site-description p { + text-align: inherit; + float: none; + margin: 5px; + line-height: 1.2em; +} + +#site-description p, #search-box { + display: none; +} + -- cgit v1.2.1 From 744a91dc7b7e020bf6eb8bb439756fd075c35dc9 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 17 Oct 2013 21:07:41 +0300 Subject: [ticket/11552] Responsive breadcrumbs PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 17 ++++++++++++++++- phpBB/styles/prosilver/theme/responsive.css | 1 - 2 files changed, 16 insertions(+), 2 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 4dbcc6f455..6142fe39a7 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -378,6 +378,22 @@ ul.linklist.bulletin li.no-bulletin:before { display: none; } +/* Responsive breadcrumbs +----------------------------------------*/ +.breadcrumbs a { + display: inline-block; +} + +.breadcrumbs a.wrapped { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: bottom; +} +.breadcrumbs a.wrapped-wide { max-width: 120px; } +.breadcrumbs a.wrapped-medium { max-width: 80px; } +.breadcrumbs a.wrapped-small { max-width: 30px; } + /* Table styles ----------------------------------------*/ table.table1 { @@ -835,4 +851,3 @@ form > p.post-notice strong { .notification_list p.notifications_time { font-size: 11px; } - diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index f2b2209091..6323abe88c 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -46,4 +46,3 @@ body { #site-description p, #search-box { display: none; } - -- cgit v1.2.1 From f3d83def0a3a5effb99f7286a4363ef30b2915cb Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:13:04 +0300 Subject: [ticket/11552] Responsive forums list PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 88 +++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 6323abe88c..de4b92d0a1 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -46,3 +46,91 @@ body { #site-description p, #search-box { display: none; } + +/* .topiclist lists */ +li.header dt { + text-align: center; + text-transform: none; + line-height: 1em; + font-size: 1.2em; + padding-bottom: 4px; +} + +ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { + margin-right: 0 !important; + padding-right: 0; +} + +ul.topiclist li.header dd { + display: none !important; +} + +ul.topiclist dt, ul.topiclist dt .list-inner { + margin-right: 0; +} + +ul.topiclist dd { + display: none; +} +ul.topiclist dd.mark { + display: block; +} + +/* Forums and topics lists */ +ul.topiclist.forums dt, ul.topiclist.topics dt { + margin-right: -250px; +} +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.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { + position: relative; + left: 0; + width: auto; + display: inline; + font-weight: normal; +} + +@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) +{ + ul.topiclist.forums dt, ul.topiclist.topics dt { + margin-right: 0; + } + + ul.topiclist.forums dt .list-inner, ul.topiclist.topics dt .list-inner { + margin-right: 0; + } + + ul.topiclist.forums dd.lastpost, ul.topiclist.topics dd.lastpost { + display: none; + } +} + -- cgit v1.2.1 From 5e8eec6330194b7601b4084cde3a5b12d9fd3fff Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:15:07 +0300 Subject: [ticket/11552] Move breadcrumbs up Remove spacing between navigation and breadcrumbs Fix comments format in responsive.css PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index de4b92d0a1..fe7569417e 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,7 +1,8 @@ /* Responsive Design ---------------------------------------- */ -/* Content wrapper */ +/* Content wrappers +----------------------------------------*/ html { height: auto; } @@ -15,14 +16,16 @@ body { padding: 0; } -/* Common block wrappers */ +/* Common block wrappers +----------------------------------------*/ .headerbar, .navbar, .forabg, .forumbg, .post, .panel { border-radius: 0; margin-left: -5px; margin-right: -5px; } -/* Logo block */ +/* Logo block +----------------------------------------*/ #site-description { float: none; width: auto; @@ -47,7 +50,14 @@ body { display: none; } -/* .topiclist lists */ +/* Navigation +----------------------------------------*/ +.headerbar + .navbar { + margin-top: -5px; +} + +/* .topiclist lists +----------------------------------------*/ li.header dt { text-align: center; text-transform: none; @@ -76,7 +86,8 @@ ul.topiclist dd.mark { display: block; } -/* Forums and topics lists */ +/* Forums and topics lists +----------------------------------------*/ ul.topiclist.forums dt, ul.topiclist.topics dt { margin-right: -250px; } -- cgit v1.2.1 From 284fb309581065d975cba583f51daa88301158d7 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:21:19 +0300 Subject: [ticket/11552] Display checkbox in forums list PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index fe7569417e..6501b301c8 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -122,6 +122,17 @@ ul.topiclist.forums dd.topics, ul.topiclist.topics dd.posts { line-height: 1em; } +ul.topiclist dd.mark { + display: block; + position: absolute; + right: 5px; + top: 0; + margin: 0; + width: auto; + min-width: 0; + text-align: left; +} + ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { position: relative; left: 0; -- cgit v1.2.1 From b84f0791b23e311f7333ac195a8bfb7700231abc Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 00:40:37 +0300 Subject: [ticket/11552] Change breadcrumbs structure PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 6142fe39a7..f662cd06fc 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -380,19 +380,19 @@ ul.linklist.bulletin li.no-bulletin:before { /* Responsive breadcrumbs ----------------------------------------*/ -.breadcrumbs a { +.breadcrumbs .crumb { display: inline-block; + vertical-align: bottom; } -.breadcrumbs a.wrapped { +.breadcrumbs .crumb.wrapped { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - vertical-align: bottom; } -.breadcrumbs a.wrapped-wide { max-width: 120px; } -.breadcrumbs a.wrapped-medium { max-width: 80px; } -.breadcrumbs a.wrapped-small { max-width: 30px; } +.breadcrumbs .crumb.wrapped-wide { max-width: 120px; } +.breadcrumbs .crumb.wrapped-medium { max-width: 80px; } +.breadcrumbs .crumb.wrapped-small { max-width: 30px; } /* Table styles ----------------------------------------*/ -- cgit v1.2.1 From c15ab90c38966d6992499a75fcdddf519f50e09d Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 09:33:33 +0300 Subject: [ticket/11552] More breadcrumbs adjustments PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index f662cd06fc..de953dbd1d 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -385,6 +385,10 @@ ul.linklist.bulletin li.no-bulletin:before { vertical-align: bottom; } +.breadcrumbs.wrapped .crumb { + letter-spacing: -.5px; +} + .breadcrumbs .crumb.wrapped { white-space: nowrap; overflow: hidden; -- cgit v1.2.1 From dbb6fc2ebeffe3aac52a79fb937946b01e079606 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 17 Oct 2013 21:11:03 +0300 Subject: [ticket/11552] Responsive menu PHPBB3-11552 --- phpBB/styles/prosilver/theme/colours.css | 17 ++++++++ phpBB/styles/prosilver/theme/common.css | 69 ++++++++++++++++++++++++++++++++ 2 files changed, 86 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 3f837976bf..cf701dd816 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1126,3 +1126,20 @@ input.disabled { .notification_list .pointer_inner { border-bottom-color: #F1F8FF; } + +ul.linklist li.responsive-menu a.responsive-menu-link:before { + border-color: #105289; +} + +ul.linklist li.responsive-menu a.responsive-menu-link:hover:before { + border-color: #D31141; +} + +ul.responsive-popup { + background: #fff; + border-color: #b9b9b9; + box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); +} +.navbar ul.responsive-popup { + background-color: #CADCEB; +} diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index de953dbd1d..28e06e9bb8 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -360,6 +360,30 @@ ul.rightside { text-align: right; } +ul.linklist.responsive { + position: relative; +} + +ul.linklist li.responsive-menu a.responsive-menu-link { + display: inline-block; + font-size: 16px; + position: relative; + width: 16px; + line-height: 16px; + text-decoration: none; +} + +ul.linklist li.responsive-menu a.responsive-menu-link:before { + content: ''; + position: absolute; + left: 0; + top: 7px; + height: .125em; + width: 14px; + border-bottom: 0.125em solid transparent; + border-top: 0.375em double transparent; +} + /* Bulletin icons for list items ----------------------------------------*/ ul.linklist.bulletin li:before { @@ -378,6 +402,51 @@ ul.linklist.bulletin li.no-bulletin:before { display: none; } +.icon-notification:before, ul.linklist.bulletin li.icon-notification:before, .icon-notification:after { + display: inline; + font: inherit; +} + +.icon-notification:before, ul.linklist.bulletin li.icon-notification:before { + content: '['; + padding-right: 0; +} + +.icon-notification:after { + content: ']'; +} + +.responsive-menu:before, .responsive-menu:after { + display: none !important; +} + +/* Responsive popup +----------------------------------------*/ +ul.responsive-popup { + position: absolute; + left: 0; + top: 24px; + z-index: 2; + border: 1px solid transparent; + border-radius: 5px; + padding: 5px; +} + +ul.responsive-popup.responsive-rightside { + left: auto; + right: 0; +} + +ul.responsive-popup li { + float: none; + margin: 0; + white-space: nowrap; +} + +ul.responsive-popup li:before, ul.responsive-popup li:after { + display: none !important; +} + /* Responsive breadcrumbs ----------------------------------------*/ .breadcrumbs .crumb { -- cgit v1.2.1 From 70a4bab9edbcbfdfe1ca1c14af1315ecd0b72b5d Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 11:44:34 +0300 Subject: [ticket/11552] Limit width of linklists Limit width of left/right aligned link lists PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 28e06e9bb8..c2bc3adcf3 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -384,6 +384,10 @@ ul.linklist li.responsive-menu a.responsive-menu-link:before { border-top: 0.375em double transparent; } +.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside { + max-width: 48%; +} + /* Bulletin icons for list items ----------------------------------------*/ ul.linklist.bulletin li:before { -- cgit v1.2.1 From 9b4001a78623a3b9e05bd40a306654877ff76544 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 11:55:58 +0300 Subject: [ticket/11552] Align text to left in right side popups PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 1 + 1 file changed, 1 insertion(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index c2bc3adcf3..7886828fd5 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -445,6 +445,7 @@ ul.responsive-popup li { float: none; margin: 0; white-space: nowrap; + text-align: left; } ul.responsive-popup li:before, ul.responsive-popup li:after { -- cgit v1.2.1 From 88cbd68d0029d92e060756a7f78cc79d8958e30e Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 12:44:24 +0300 Subject: [ticket/11552] Responsive notifications list, pagination PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 6501b301c8..a6e67ffcdf 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -156,3 +156,17 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { } } +/* Notifications list +----------------------------------------*/ +@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) +{ + #notification_list { + width: 250px; + } +} + +/* Pagination +----------------------------------------*/ +.pagination { + margin: 5px 0; +} \ No newline at end of file -- cgit v1.2.1 From a1f118872ba08bf9230308112ddaa52fcc7385f8 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 16:49:33 +0300 Subject: [ticket/11552] Responsive CP tabs PHPBB3-11552 --- phpBB/styles/prosilver/theme/colours.css | 16 ++++++++ phpBB/styles/prosilver/theme/common.css | 2 +- phpBB/styles/prosilver/theme/cp.css | 59 ++++++++++++++++++++++++++++- phpBB/styles/prosilver/theme/responsive.css | 2 +- 4 files changed, 76 insertions(+), 3 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index cf701dd816..a2a4abbec3 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -857,6 +857,16 @@ ul.cplist { color: #333333; } +/* Responsive tabs +----------------------------------------*/ +.responsive-tab .responsive-tab-link span:before { + border-color: #536482; +} + +.responsive-tab .responsive-tab-link:hover span:before { + border-color: #BC2A4D; +} + /* UCP navigation menu ----------------------------------------*/ @@ -1143,3 +1153,9 @@ ul.responsive-popup { .navbar ul.responsive-popup { background-color: #CADCEB; } + +#tabs ul.responsive-tabs { + background: #CADCEB; + border-color: #c0c9d5; + box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); +} diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 7886828fd5..3f53b2a61f 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -600,7 +600,7 @@ dl.details dd { text-overflow: ellipsis; } -.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls { +.clearfix, #minitabs, fieldset dl, ul.topiclist dl, dl.polls { height: 1%; overflow: hidden; } diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index e32ff8fcb8..5df4a4576c 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -118,7 +118,7 @@ ul.cplist { #tabs { line-height: normal; margin: 20px 0 -1px 7px; - min-width: 570px; + *overflow: hidden; } #tabs ul { @@ -127,6 +127,12 @@ ul.cplist { list-style: none; } +#tabs ul:after { + content: ''; + display: block; + clear: both; +} + #tabs li { display: inline; margin: 0; @@ -210,6 +216,57 @@ ul.cplist { text-decoration: none; } +/* Responsive tabs +----------------------------------------*/ +.responsive-tab .responsive-tab-link span { + display: inline-block; + font-size: 16px; + position: relative; + width: 16px; + line-height: 14px; + text-decoration: none; +} + +.responsive-tab .responsive-tab-link span:before { + content: ''; + position: absolute; + left: 5px; + top: 8px; + height: .125em; + width: 14px; + border-bottom: 0.125em solid transparent; + border-top: 0.375em double transparent; +} + +#tabs ul { + position: relative; +} + +#tabs ul.responsive-tabs { + position: absolute; + right: 0; + top: 26px; + z-index: 2; + border: 1px solid transparent; + border-radius: 5px; +} + +#tabs .responsive-tabs li { + display: block !important; +} + +#tabs .responsive-tabs a, #tabs .responsive-tabs a span { + background: transparent; + float: none; + margin: 0; + padding: 0; + text-align: right; +} + +#tabs .responsive-tabs a span { + padding: 5px; +} + /* UCP navigation menu ----------------------------------------*/ /* Container for sub-navigation list */ diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index a6e67ffcdf..c62cd7a0b2 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -169,4 +169,4 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { ----------------------------------------*/ .pagination { margin: 5px 0; -} \ No newline at end of file +} -- cgit v1.2.1 From 5d999e008c6f5882480761bac71956c949819599 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 17:14:29 +0300 Subject: [ticket/11552] Breadcrumbs in footer, tabs bg color Change breadcrumbs layout in footer to match breadcrumbs in header. Change background color for tabs dropdown menu PHPBB3-11552 --- phpBB/styles/prosilver/theme/colours.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index a2a4abbec3..89cb396416 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1155,7 +1155,7 @@ ul.responsive-popup { } #tabs ul.responsive-tabs { - background: #CADCEB; + background: #ddedfb; border-color: #c0c9d5; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); } -- cgit v1.2.1 From 118b66534eb72e8748ca27f842beedb898645244 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 17 Oct 2013 21:12:45 +0300 Subject: [ticket/11552] Add search link to responsive header PHPBB3-11552 --- phpBB/styles/prosilver/theme/colours.css | 2 +- phpBB/styles/prosilver/theme/responsive.css | 18 ++++++++++++++++++ 2 files changed, 19 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 89cb396416..35deb0d548 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -706,7 +706,7 @@ a.sendemail { .icon-subscribe { background-image: url("./images/icon_subscribe.gif"); } .icon-unsubscribe { background-image: url("./images/icon_unsubscribe.gif"); } .icon-pages { background-image: url("./images/icon_pages.gif"); } -.icon-search { background-image: url("./images/icon_search.gif"); } +.icon-search, .responsive-search a { background-image: url("./images/icon_search.gif"); } .icon-notification { background-image: url("./images/icon_notification.gif"); } .icon-pm { background-image: url("./images/icon_pm.gif"); } diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index c62cd7a0b2..df96b00401 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -1,6 +1,10 @@ /* Responsive Design ---------------------------------------- */ +.responsive-hide { display: none !important; } +.responsive-show { display: block !important; } +.responsive-show-inline { display: inline !important; } + /* Content wrappers ----------------------------------------*/ html { @@ -56,6 +60,20 @@ body { margin-top: -5px; } +/* Search +----------------------------------------*/ +.responsive-search { display: block !important; } +.responsive-search a { + display: block; + width: 16px; + height: 18px; + text-indent: 99px; + overflow: hidden; + background-position: 50% 50%; + background-repeat: no-repeat; + text-decoration: none; +} + /* .topiclist lists ----------------------------------------*/ li.header dt { -- cgit v1.2.1 From f655ca3e54e066be4fd27cdbdad23c9661340b2c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 17:37:38 +0300 Subject: [ticket/11552] Responsive CP navigation PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index df96b00401..feed2fb4d3 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -188,3 +188,19 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { .pagination { margin: 5px 0; } + +/* *CP navigation +----------------------------------------*/ +#cp-menu, #navigation, #cp-main { + float: none; + width: auto; + margin: 0; +} + +#navigation { + padding: 0; +} + +#navigation a { + background-image: none; +} \ No newline at end of file -- cgit v1.2.1 From 34fa93a1533da539001f5545c5d4be759f35c2e2 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 17:45:26 +0300 Subject: [ticket/11552] Adjustments for CP navigation PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index feed2fb4d3..3bf56c6e0d 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -199,8 +199,18 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { #navigation { padding: 0; + margin: 0 auto; + max-width: 320px; } #navigation a { background-image: none; -} \ No newline at end of file +} + +#navigation li:first-child a { + border-radius: 5px 5px 0 0; +} + +#navigation li:last-child a { + border-radius: 0 0 5px 5px; +} -- cgit v1.2.1 From 378b2dfa96fb3295c47a1d7ae0ed985291da5a6c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 18:05:54 +0300 Subject: [ticket/11552] Responsive minitabs PHPBB3-11552 --- phpBB/styles/prosilver/theme/colours.css | 2 +- phpBB/styles/prosilver/theme/common.css | 2 +- phpBB/styles/prosilver/theme/cp.css | 32 ++++++++++++++++++++++++----- phpBB/styles/prosilver/theme/responsive.css | 7 +++++++ 4 files changed, 36 insertions(+), 7 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 35deb0d548..37b6ecc692 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1154,7 +1154,7 @@ ul.responsive-popup { background-color: #CADCEB; } -#tabs ul.responsive-tabs { +#tabs ul.responsive-tabs, #minitabs ul.responsive-tabs { background: #ddedfb; border-color: #c0c9d5; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 3f53b2a61f..3d7c941076 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -600,7 +600,7 @@ dl.details dd { text-overflow: ellipsis; } -.clearfix, #minitabs, fieldset dl, ul.topiclist dl, dl.polls { +.clearfix, fieldset dl, ul.topiclist dl, dl.polls { height: 1%; overflow: hidden; } diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index 5df4a4576c..e0863f7458 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -227,6 +227,10 @@ ul.cplist { text-decoration: none; } +#minitabs .responsive-tab .responsive-tab-link span { + display: block; +} + .responsive-tab .responsive-tab-link span:before { content: ''; position: absolute; @@ -238,11 +242,16 @@ ul.cplist { border-top: 0.375em double transparent; } -#tabs ul { +#minitabs .responsive-tab .responsive-tab-link span:before { + left: 0; + top: 2px; +} + +#tabs ul, #minitabs ul { position: relative; } -#tabs ul.responsive-tabs { +#tabs ul.responsive-tabs, #minitabs ul.responsive-tabs { position: absolute; right: 0; top: 26px; @@ -251,11 +260,20 @@ ul.cplist { border-radius: 5px; } -#tabs .responsive-tabs li { +#minitabs ul.responsive-tabs { + top: 23px; +} + +.tabs-container #minitabs ul.responsive-tabs { + right: auto; + left: 0; +} + +#tabs .responsive-tabs li, #minitabs .responsive-tabs li { display: block !important; } -#tabs .responsive-tabs a, #tabs .responsive-tabs a span { +#tabs .responsive-tabs a, #tabs .responsive-tabs a span, #minitabs .responsive-tabs a, #minitabs .responsive-tabs a span { background: transparent; float: none; margin: 0; @@ -263,7 +281,11 @@ ul.cplist { text-align: right; } -#tabs .responsive-tabs a span { +.tabs-container #minitabs .responsive-tabs a span { + text-align: left; +} + +#tabs .responsive-tabs a span, #minitabs .responsive-tabs a span { padding: 5px; } diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 3bf56c6e0d..029840137f 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -191,6 +191,13 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { /* *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; -- cgit v1.2.1 From fd932820dfb2c158bf7563a0ef7e78e5a0202580 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 15 Sep 2013 23:20:05 +0300 Subject: [ticket/11552] Responsive paragraphs Responsive blocks below topics list and misc items PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 44 +++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 029840137f..0abbabafaa 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -4,6 +4,7 @@ .responsive-hide { display: none !important; } .responsive-show { display: block !important; } .responsive-show-inline { display: inline !important; } +.responsive-show-inline-block { display: inline-block !important; } /* Content wrappers ----------------------------------------*/ @@ -221,3 +222,46 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { #navigation li:last-child a { border-radius: 0 0 5px 5px; } + +/* Misc stuff +----------------------------------------*/ +h2 { + margin-top: .5em; +} + +p { + margin-bottom: .5em; + overflow: hidden; +} + +p.rightside { + margin-bottom: 0; +} + +@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) +{ + p.responsive-center { + float: none; + text-align: center; + margin: 0; + } + + .topic-actions > div { + float: none; + overflow: hidden; + clear: both; + } + + .topic-actions > .pagination, fieldset.jumpbox { + text-align: center; + } + + .topic-actions > div.search-box, p.jumpbox-return { + display: none; + } + + .display-options > label:nth-child(1) { + display: block; + margin-bottom: 5px; + } +} -- cgit v1.2.1 From 8093e4e053964cefbbe0465989d14475a35ac186 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 26 Sep 2013 11:29:35 +0300 Subject: [ticket/11552] Do not wrap site name PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 0abbabafaa..c4f6394c9a 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -49,6 +49,8 @@ body { float: none; margin: 5px; line-height: 1.2em; + overflow: hidden; + text-overflow: ellipsis; } #site-description p, #search-box { -- cgit v1.2.1 From 961a27091e4bd1e35966a9b2b3791cb4803c5592 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 27 Sep 2013 14:29:15 +0300 Subject: [ticket/11552] MCP fixes, responsive logs PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 58 +++++++++++++++++++++++++++-- 1 file changed, 55 insertions(+), 3 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index c4f6394c9a..aa0da9af91 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -96,7 +96,7 @@ ul.topiclist li.header dd { display: none !important; } -ul.topiclist dt, ul.topiclist dt .list-inner { +ul.topiclist li.row dt, ul.topiclist li.row dt .list-inner { margin-right: 0; } @@ -218,11 +218,63 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { } #navigation li:first-child a { - border-radius: 5px 5px 0 0; + border-top-left-radius: 5px; + border-top-right-radius: 5px; } #navigation li:last-child a { - border-radius: 0 0 5px 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +/* Responsive tables +----------------------------------------*/ +table.responsive, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td { + display: block; + width: auto; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +table.responsive thead { + display: none; +} + +table.responsive tr { + overflow: hidden; + margin: 5px 0; +} + +table.mcp-logs td:nth-child(2) { + width: 50%; + float: left; +} + +table.mcp-logs td:nth-child(3) { + margin-left: 50%; + text-align: right; +} + +table.mcp-logs td:nth-child(4), table.mcp-logs td:nth-child(5), +table.mcp-logs-full td:nth-child(1), table.mcp-logs-full td:nth-child(2) { + width: 33%; + float: left; +} + +table.mcp-logs td:nth-child(4), +table.mcp-logs-full td:nth-child(4) { + clear: left; +} + +table.mcp-logs td:nth-child(5), +table.mcp-logs-full td:nth-child(2) { + text-align: center; +} + +table.mcp-logs td:nth-child(6), +table.mcp-logs-full td:nth-child(3) { + margin-left: 66%; + text-align: right; } /* Misc stuff -- cgit v1.2.1 From cab21f3a1ef17b81bfaef2231df6fc4c8326939e Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 27 Sep 2013 17:57:18 +0300 Subject: [ticket/11552] Responsive tables in MCP PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index aa0da9af91..1e2cb15555 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -240,17 +240,37 @@ table.responsive thead { display: none; } +table.responsive th { + display: none; + border-bottom-width: 0 !important; +} + +table.mcp-warnings thead { + display: block; +} + +table.mcp-warnings th:nth-child(1), +table.mcp-warnings th:nth-child(3) { + display: inline; +} + +table.mcp-warnings th:nth-child(1):after { + content: ','; +} + table.responsive tr { overflow: hidden; margin: 5px 0; } -table.mcp-logs td:nth-child(2) { +table.mcp-logs td:nth-child(2), +table.mcp-warnings td:nth-child(2n + 1) { width: 50%; float: left; } -table.mcp-logs td:nth-child(3) { +table.mcp-logs td:nth-child(3), +table.mcp-warnings td:nth-child(2n) { margin-left: 50%; text-align: right; } @@ -292,6 +312,11 @@ p.rightside { margin-bottom: 0; } +.column1, .column2 { + width: auto; + float: none; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From bc01da9dba589e9183a2f55a4855f2cb3f23550c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Mon, 7 Oct 2013 23:04:41 +0300 Subject: [ticket/11552] Fix topiclist selectors PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 1e2cb15555..73b49e44be 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -96,7 +96,10 @@ ul.topiclist li.header dd { display: none !important; } -ul.topiclist li.row dt, ul.topiclist li.row dt .list-inner { +ul.topiclist dt, ul.topiclist dt .list-inner, +ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, +ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, +ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; } -- cgit v1.2.1 From bd4dab8026606561ca24bb688c313c9c7f49ef41 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Thu, 17 Oct 2013 21:22:17 +0300 Subject: [ticket/11552] Fix rebase conflicts PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 16 +--------------- 1 file changed, 1 insertion(+), 15 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 3d7c941076..ee613f0d0c 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -406,21 +406,7 @@ ul.linklist.bulletin li.no-bulletin:before { display: none; } -.icon-notification:before, ul.linklist.bulletin li.icon-notification:before, .icon-notification:after { - display: inline; - font: inherit; -} - -.icon-notification:before, ul.linklist.bulletin li.icon-notification:before { - content: '['; - padding-right: 0; -} - -.icon-notification:after { - content: ']'; -} - -.responsive-menu:before, .responsive-menu:after { +.responsive-menu:before { display: none !important; } -- cgit v1.2.1 From a23d4526fde963c8a079a85997c7d2f018e13ec4 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 18 Oct 2013 22:32:46 +0300 Subject: [ticket/11552] Compact mode for notifications and pm links This will hide part of buttons for notifications and pm links in header before switching to responsive mode PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index ee613f0d0c..67e052b70c 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -915,3 +915,12 @@ form > p.post-notice strong { .notification_list p.notifications_time { font-size: 11px; } + +.compact .icon-notification > a > span, .compact .icon-pm > a > span { + display: none; +} + +.compact .icon-notification > a > strong, .compact .icon-pm > a > strong { + padding-left: 2px; +} + -- cgit v1.2.1 From f93d2cbdc1fee592b15daf13afcb4d21a97573b0 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 18 Oct 2013 22:44:39 +0300 Subject: [ticket/11552] Break long words Something that should have been added long time ago, but was not an issue until responsive design PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 1 + 1 file changed, 1 insertion(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 67e052b70c..50e8f36c80 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -60,6 +60,7 @@ body { line-height: normal; margin: 0; padding: 12px 0; + word-wrap: break-word; } h1 { -- cgit v1.2.1 From ea874c2ffbcd58720dc58e3f69e6c0b668bc95b9 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Fri, 18 Oct 2013 23:47:03 +0300 Subject: [ticket/11552] Responsive forms PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 47 +++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 73b49e44be..cf72686abf 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -300,6 +300,53 @@ table.mcp-logs-full td:nth-child(3) { text-align: right; } +/* Forms +----------------------------------------*/ +fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt { + width: auto; + float: none; +} + +fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd { + margin-left: 20px; +} + +textarea, dd textarea, #message-box textarea { + width: 100%; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +#smiley-box, #message-box { + float: none; + width: auto; +} + +#smiley-box { + margin-top: 5px; +} + +.bbcode-status { + display: none; +} + +#colour_palette table, #colour_palette tbody, #colour_palette tr { + display: block; +} + +#colour_palette td { + display: inline-block; + margin-right: 2px; +} + +#colour_palette td:nth-child(2n) { + display: none; +} + +#colour_palette a { + display: inline-block !important; +} + /* Misc stuff ----------------------------------------*/ h2 { -- cgit v1.2.1 From bb0baa4522312a2dc72edebe4c0f198ac78c1061 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 02:16:59 +0300 Subject: [ticket/11552] Fix overflow for large images PHPBB3-11552 --- phpBB/styles/prosilver/theme/content.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 60475aea7d..6950258ae2 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -258,6 +258,7 @@ div[class].topic-actions { .postbody .content { font-size: 1.3em; + overflow-x: auto; } .search .postbody { @@ -509,10 +510,13 @@ blockquote .codebox { .attachbox { float: left; width: auto; + max-width: 100%; margin: 5px 5px 5px 0; padding: 6px; border: 1px dashed transparent; clear: left; + -moz-box-sizing: border-box; + box-sizing: border-box; } .attachbox dt { @@ -525,6 +529,7 @@ blockquote .codebox { padding-top: 4px; clear: left; border-top: 1px solid transparent; + overflow-x: auto; } .attachbox dd dd { @@ -546,7 +551,7 @@ blockquote .codebox { .attach-image { margin: 3px 0; - width: 100%; + max-width: 100%; max-height: 350px; overflow: auto; } -- cgit v1.2.1 From 9f0b0d901769e96d35b4d781070be8825a9ba0f3 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 12:17:38 +0300 Subject: [ticket/11552] Fixes for notifications list PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 5 ----- phpBB/styles/prosilver/theme/responsive.css | 4 ++++ 2 files changed, 4 insertions(+), 5 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 50e8f36c80..2ac4e4467a 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -874,11 +874,6 @@ form > p.post-notice strong { .notification_list ul li p { margin: 0; - word-wrap: break-word; -} - -.notification_list ul.topiclist dt { - width: 88%; } .notification_list .pointer, .notification_list .pointer_inner { diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index cf72686abf..4134b2eb95 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -367,6 +367,10 @@ p.rightside { float: none; } +.topic-actions { + overflow: hidden; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From 74eb7012a3f043187b7c5c2c396218388f729e00 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 12:39:13 +0300 Subject: [ticket/11552] Responsive user profile PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 4 ++++ phpBB/styles/prosilver/theme/responsive.css | 24 ++++++++++++++++++++++++ 2 files changed, 28 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 2ac4e4467a..1b4c41afd0 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -558,6 +558,10 @@ table.info tbody th { text-align: left; } +.left-box.profile-details { + width: 80%; +} + .right-box { float: right; width: auto; diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 4134b2eb95..a119c707b6 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -347,6 +347,26 @@ textarea, dd textarea, #message-box textarea { display: inline-block !important; } +/* User profile +----------------------------------------*/ +.column1, .column2, .left-box.profile-details { + float: none; + width: auto; +} + +@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) +{ + dl.details dt, dl.details dd { + width: auto; + float: none; + text-align: left; + } + + dl.details dd { + margin-left: 20px; + } +} + /* Misc stuff ----------------------------------------*/ h2 { @@ -389,6 +409,10 @@ p.rightside { text-align: center; } + .topic-actions > .pagination { + padding-bottom: 1px; + } + .topic-actions > div.search-box, p.jumpbox-return { display: none; } -- cgit v1.2.1 From 5f96769b936484ca588dd05398bf922a45486215 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 12:47:19 +0300 Subject: [ticket/11552] Scrollbars for iOS devices Show scroll bars for items with overflow on iOS devices with touch screen that do not show scroll bars by default PHPBB3-11552 --- phpBB/styles/prosilver/theme/content.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 6950258ae2..409b2584a2 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -751,3 +751,18 @@ div.dl_links { .dl_links li { display: inline-block; } + +/* Show scrollbars for items with overflow on iOS devices +----------------------------------------*/ +.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, #notification_list ul::-webkit-scrollbar { + width: 8px; + height: 8px; + -webkit-appearance: none; + background: rgba(0, 0, 0, .1); + border-radius: 3px; +} + +.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, #notification_list ul::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, .3); + border-radius: 3px; +} -- cgit v1.2.1 From 1a1d5f7307fdb6f4bbb9b947629a82e544b8c5d4 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 13:10:11 +0300 Subject: [ticket/11552] Change order of postbody and postprofile PHPBB3-11552 --- phpBB/styles/prosilver/theme/content.css | 1 - 1 file changed, 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 409b2584a2..5c8217fba9 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -228,7 +228,6 @@ div[class].topic-actions { line-height: 1.48em; width: 76%; float: left; - clear: both; } .postbody .ignore { -- cgit v1.2.1 From 68a4c6acbfab0a679839d853ad56b7ae99dd9033 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 13:22:47 +0300 Subject: [ticket/11552] Move post subject before buttons PHPBB3-11552 --- phpBB/styles/prosilver/theme/content.css | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 5c8217fba9..798cf1518f 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -241,6 +241,7 @@ div[class].topic-actions { .postbody h3 { /* Postbody requires a different h3 format - so change it here */ + float: left; font-size: 1.5em; padding: 2px 0 0 0; margin: 0 0 0.3em 0 !important; @@ -297,21 +298,16 @@ div[class].topic-actions { /* MCP Post details ----------------------------------------*/ -#post_details -{ +#post_details { /* This will only work in IE7+, plus the others */ overflow: auto; max-height: 300px; } -#expand -{ - clear: both; -} - /* Content container styles ----------------------------------------*/ .content { + clear: both; min-height: 3em; overflow: hidden; line-height: 1.4em; @@ -387,6 +383,7 @@ p.author { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.2em; + clear: both; } /* Post signature */ -- cgit v1.2.1 From 71723f64842f253576d3b22752b6fb217017a57d Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 13:24:40 +0300 Subject: [ticket/11552] Remove inline css for signature PHPBB3-11552 --- phpBB/styles/prosilver/theme/content.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 798cf1518f..3eb567ab65 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -398,6 +398,11 @@ p.author { width: 100%; } +.signature.standalone { + border-top-width: 0; + margin-top: 0; +} + dd .signature { margin: 0; padding: 0; -- cgit v1.2.1 From ee8d7b536c30ac3f88aca1cb59fdb4d81b41cf90 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 15:40:20 +0300 Subject: [ticket/11552] Responsive post PHPBB3-11552 --- phpBB/styles/prosilver/theme/bidi.css | 9 +----- phpBB/styles/prosilver/theme/colours.css | 14 ++------- phpBB/styles/prosilver/theme/content.css | 12 ++++++-- phpBB/styles/prosilver/theme/responsive.css | 45 +++++++++++++++++++++++++++++ 4 files changed, 57 insertions(+), 23 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css index c06ad4eb1c..542440e847 100644 --- a/phpBB/styles/prosilver/theme/bidi.css +++ b/phpBB/styles/prosilver/theme/bidi.css @@ -392,11 +392,6 @@ margin-left: 0; } -/* Post author */ -.rtl p.author { - margin: 0 0 0.6em 15em; -} - .rtl .signature { clear: right; } @@ -484,9 +479,7 @@ /* Poster profile block ----------------------------------------*/ .rtl .postprofile { - border-left: none; - border-right-width: 1px; - border-right-style: solid; + border-width: 0 1px 0 0; float: left; /* text-align: right; */ } diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 37b6ecc692..72d5434b11 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -627,21 +627,11 @@ fieldset.polls dd div { ----------------------------------------*/ .postprofile { color: #666666; - border-left-color: #FFFFFF; -} - -.rtl .postprofile { - border-right-color: #FFFFFF; - border-left-color: transparent; + border-color: #FFFFFF; } .pm .postprofile { - border-left-color: #DDDDDD; -} - -.rtl .pm .postprofile { - border-right-color: #DDDDDD; - border-left-color: transparent; + border-color: #DDDDDD; } .postprofile strong { diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index 3eb567ab65..a877b4701f 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -378,7 +378,7 @@ dl.faq dt { /* Post author */ p.author { - margin: 0 15em 0.6em 0; + margin-bottom: 0.6em; padding: 0 0 5px 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; @@ -680,7 +680,8 @@ fieldset.polls dd div { /* Also see tweaks.css */ margin: 5px 0 10px 0; min-height: 80px; - border-left: 1px solid transparent; + border: 1px solid transparent; + border-width: 0 0 0 1px; width: 22%; float: right; display: inline; @@ -700,7 +701,12 @@ fieldset.polls dd div { font-weight: normal; } -.avatar { +.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date { + margin-bottom: 10px; +} + +.postprofile .avatar { + display: block; border: none; margin-bottom: 3px; } diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index a119c707b6..fa58e168ca 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -367,6 +367,51 @@ textarea, dd textarea, #message-box textarea { } } +/* Post +----------------------------------------*/ +.postprofile, .postbody { + display: block; + width: auto; + float: none; + padding: 0; + min-height: 0; +} + +.post .postprofile { + width: auto; + border-width: 0 0 1px 0; + padding-bottom: 5px; + margin: 0; + margin-bottom: 5px; + overflow: hidden; +} + +.postprofile dd { + display: none; +} + +.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd { + display: block; + margin: 0; +} + +.postprofile ul.profile-icons { + display: none; +} + +.postprofile .avatar { + display: block; + float: left; + margin-right: 5px; +} + +.postprofile .avatar img { + width: auto !important; + height: auto !important; + display: block; + max-height: 32px; +} + /* Misc stuff ----------------------------------------*/ h2 { -- cgit v1.2.1 From fbd57b93696394e5c80297c4b166fff5bfc16860 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 16:20:34 +0300 Subject: [ticket/11552] Responsive PM editor Responsive PM editor, fix quickmod tools PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index fa58e168ca..39004c0eaf 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -317,6 +317,20 @@ textarea, dd textarea, #message-box textarea { box-sizing: border-box; } +dl.pmlist dt { + width: auto !important; + margin-bottom: 5px; +} + +dl.pmlist dd { + display: inline-block; + margin-left: 0 !important; +} + +dl.pmlist dd:first-of-type { + padding-left: 20px; +} + #smiley-box, #message-box { float: none; width: auto; @@ -369,7 +383,7 @@ textarea, dd textarea, #message-box textarea { /* Post ----------------------------------------*/ -.postprofile, .postbody { +.postprofile, .postbody, .search .postbody { display: block; width: auto; float: none; @@ -436,6 +450,12 @@ p.rightside { overflow: hidden; } +fieldset.quickmod { + width: auto; + float: none; + text-align: center; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From 734131d75053bd27fbe4f3b1292e81c4fc16abe3 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 21:01:25 +0300 Subject: [ticket/11552] Responsive member list Responsive member list and better responsive tables PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 6 ++- phpBB/styles/prosilver/theme/responsive.css | 66 ++++++++++------------------- 2 files changed, 27 insertions(+), 45 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 1b4c41afd0..c38a982d2f 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -435,6 +435,10 @@ ul.responsive-popup li { text-align: left; } +.wrap ul.responsive-popup li { + white-space: normal; +} + ul.responsive-popup li:before, ul.responsive-popup li:after { display: none !important; } @@ -502,7 +506,7 @@ table.table1 tbody th { /* Specific column styles */ table.table1 .name { text-align: left; } -table.table1 .posts { text-align: center !important; width: 7%; } +table.table1 .posts { text-align: center; width: 7%; } table.table1 .joined { text-align: left; width: 15%; } table.table1 .active { text-align: left; width: 15%; } table.table1 .mark { text-align: center; width: 7%; } diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 39004c0eaf..7fe5f3bf17 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -232,72 +232,50 @@ ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { /* Responsive tables ----------------------------------------*/ -table.responsive, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td { +table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { display: block; - width: auto; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -table.responsive thead { - display: none; } -table.responsive th { +table.responsive thead, table.responsive th { display: none; - border-bottom-width: 0 !important; } -table.mcp-warnings thead { +table.responsive.show-header thead, table.responsive.show-header th:first-child { display: block; -} - -table.mcp-warnings th:nth-child(1), -table.mcp-warnings th:nth-child(3) { - display: inline; -} - -table.mcp-warnings th:nth-child(1):after { - content: ','; + width: auto !important; + text-align: left !important; } table.responsive tr { - overflow: hidden; - margin: 5px 0; + margin: 2px 0; } -table.mcp-logs td:nth-child(2), -table.mcp-warnings td:nth-child(2n + 1) { - width: 50%; - float: left; +table.responsive td { + width: auto !important; + text-align: left !important; + padding: 4px; } -table.mcp-logs td:nth-child(3), -table.mcp-warnings td:nth-child(2n) { - margin-left: 50%; - text-align: right; +table.responsive td.empty { + display: none !important; } -table.mcp-logs td:nth-child(4), table.mcp-logs td:nth-child(5), -table.mcp-logs-full td:nth-child(1), table.mcp-logs-full td:nth-child(2) { - width: 33%; - float: left; +table.responsive td > dfn { + display: inline-block !important; } -table.mcp-logs td:nth-child(4), -table.mcp-logs-full td:nth-child(4) { - clear: left; +table.responsive td > dfn:after { + content: ':'; + padding-right: 5px; } -table.mcp-logs td:nth-child(5), -table.mcp-logs-full td:nth-child(2) { - text-align: center; +table.responsive span.rank-img { + float: none; + padding-right: 5px; } -table.mcp-logs td:nth-child(6), -table.mcp-logs-full td:nth-child(3) { - margin-left: 66%; - text-align: right; +table.responsive#memberlist td:first-child input[type="checkbox"] { + float: right; } /* Forms -- cgit v1.2.1 From e9481c41f8e518ec8a6cab655b814ae7b2dd2d7c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 21:10:33 +0300 Subject: [ticket/11552] Fix online users list and popups PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index c38a982d2f..376c951564 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -180,7 +180,7 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul { } #simple-wrap { - padding: 6px 10px; + padding: 6px 0; } #page-body { -- cgit v1.2.1 From 2c15b653cc636d8e69ed94ffb7d442b32da65287 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sat, 19 Oct 2013 22:30:03 +0300 Subject: [ticket/11552] Tweaks to responsive navigation PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 376c951564..f95fae45e4 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -389,6 +389,10 @@ ul.linklist li.responsive-menu a.responsive-menu-link:before { max-width: 48%; } +.hasjs ul.linklist.fullwidth { + max-width: none; +} + /* Bulletin icons for list items ----------------------------------------*/ ul.linklist.bulletin li:before { -- cgit v1.2.1 From ff7b140c75a3fcc41547c2890234ce9b275c2349 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 09:57:55 +0300 Subject: [ticket/11552] Responsive polls PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 7fe5f3bf17..79e7b511ec 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -359,6 +359,24 @@ dl.pmlist dd:first-of-type { } } +/* Polls +----------------------------------------*/ +fieldset.polls dt { + width: 90%; +} + +fieldset.polls dd.resultbar { + padding-left: 20px; +} + +fieldset.polls dd.poll_option_percent { + width: 20%; +} + +fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent { + margin-top: 5px; +} + /* Post ----------------------------------------*/ .postprofile, .postbody, .search .postbody { -- cgit v1.2.1 From 87134080b3d367d39f6bbadd3791a220188a5df7 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 10:35:41 +0300 Subject: [ticket/11552] Responsive design fixes PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 79e7b511ec..191aff4460 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -29,6 +29,10 @@ body { margin-right: -5px; } +#cp-main .forabg, #cp-main .forumdb, #cp-main .post, #cp-main .panel { + border-radius: 7px; +} + /* Logo block ----------------------------------------*/ #site-description { @@ -101,6 +105,7 @@ ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; + min-height: 28px; } ul.topiclist dd { @@ -452,6 +457,16 @@ fieldset.quickmod { text-align: center; } +dl.mini dd.pm-legend { + float: left; + min-width: 200px; +} + +#topicreview { + margin: 0 -5px; + padding: 0 5px; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From fef51d199b2ffd33b7a90ef5d008f0a08c4c485c Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 11:49:54 +0300 Subject: [ticket/11552] Fixing incorrect min-height PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 191aff4460..3addeb5d60 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -105,9 +105,16 @@ ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; +} + +ul.topiclist dt .list-inner { min-height: 28px; } +ul.topiclist li.header dt .list-inner { + min-height: 0; +} + ul.topiclist dd { display: none; } -- cgit v1.2.1 From 87194d600002a3df93fa2015c442996c43192cc8 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 11:50:47 +0300 Subject: [ticket/11552] Better responsive post buttons PHPBB3-11552 --- phpBB/styles/prosilver/theme/buttons.css | 60 +++++++++++++++++++++ phpBB/styles/prosilver/theme/colours.css | 1 + .../prosilver/theme/images/icon_post_menu.png | Bin 0 -> 1844 bytes 3 files changed, 61 insertions(+) create mode 100644 phpBB/styles/prosilver/theme/images/icon_post_menu.png (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index b05883b465..c6bdddd407 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -140,6 +140,65 @@ ul.profile-icons li a:hover { background: none; } margin: 0 3px; } +/* Responsive icons in postbody */ +.postbody ul.profile-icons.responsive .responsive-menu { + position: relative; +} + +ul.profile-icons.responsive a.responsive-menu-link { + display: inline-block; + position: relative; + margin: 0 5px; + width: 20px; + height: 20px; + text-decoration: none; + background: none top left no-repeat; +} + +ul.profile-icons.responsive a.responsive-menu-link:hover { + background-position: 0 -20px; +} + +ul.profile-icons.responsive a.responsive-menu-link:before { + content: ''; + position: absolute; + left: 0; + top: 7px; + height: .125em; + width: 14px; + border-bottom: 0.125em solid transparent; + border-top: 0.375em double transparent; +} + +.postbody ul.profile-icons.responsive .responsive-popup { + left: auto; + right: 7px; + top: 19px; +} + +.postbody ul.profile-icons.responsive .responsive-popup li, .postbody ul.profile-icons.responsive .responsive-popup li a { + display: block; + background: transparent none; + width: auto; + height: auto; + margin: 0; + padding: 0; + float: none; + list-style-type: none; +} + +.postbody ul.profile-icons.responsive .responsive-popup li span { + display: block; + text-align: right; + padding: 2px; + font-size: 1.2em; + line-height: 1.2em; +} + +.hasjs .postbody ul.profile-icons { + max-width: 40%; +} + /* Profile & navigation icons */ .email-icon, .email-icon a { background: none top left no-repeat; } .aim-icon, .aim-icon a { background: none top left no-repeat; } @@ -173,6 +232,7 @@ ul.profile-icons li.edit-icon { width: 42px; height: 20px; } ul.profile-icons li.delete-icon { width: 20px; height: 20px; } ul.profile-icons li.info-icon { width: 20px; height: 20px; } ul.profile-icons li.warn-icon { width: 20px; height: 20px; } +ul.profile-icons a.responsive-menu-link { width: 20px; height: 20px; } /* Fix profile icon default margins */ ul.profile-icons li.edit-icon { margin: 0 0 0 3px; } diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 72d5434b11..424f922ac1 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -710,6 +710,7 @@ a.sendemail { .jabber-icon, .jabber-icon a { background-image: url("./images/icon_contact_jabber.gif"); } .pm-icon, .pm-icon a { background-image: url("./en/icon_contact_pm.gif"); } .quote-icon, .quote-icon a { background-image: url("./en/icon_post_quote.gif"); } +ul.profile-icons.responsive a.responsive-menu-link { background-image: url("./images/icon_post_menu.png"); } /* Moderator icons */ .report-icon, .report-icon a { background-image: url("./images/icon_post_report.gif"); } diff --git a/phpBB/styles/prosilver/theme/images/icon_post_menu.png b/phpBB/styles/prosilver/theme/images/icon_post_menu.png new file mode 100644 index 0000000000..55723ddda1 Binary files /dev/null and b/phpBB/styles/prosilver/theme/images/icon_post_menu.png differ -- cgit v1.2.1 From 076198da7b6d38a0366824a7dff791d15a6f2d87 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 11:54:51 +0300 Subject: [ticket/11552] Adjustments for responsive post buttons PHPBB3-11552 --- phpBB/styles/prosilver/theme/buttons.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css index c6bdddd407..e2c0dc9145 100644 --- a/phpBB/styles/prosilver/theme/buttons.css +++ b/phpBB/styles/prosilver/theme/buttons.css @@ -190,9 +190,9 @@ ul.profile-icons.responsive a.responsive-menu-link:before { .postbody ul.profile-icons.responsive .responsive-popup li span { display: block; text-align: right; - padding: 2px; font-size: 1.2em; - line-height: 1.2em; + line-height: 1.8em; + white-space: nowrap; } .hasjs .postbody ul.profile-icons { -- cgit v1.2.1 From 2bb094cc19d068f597d31a5e4623faa618254e59 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 13:12:03 +0300 Subject: [ticket/11552] More responsive design adjustments PHPBB3-11552 --- phpBB/styles/prosilver/theme/content.css | 2 +- phpBB/styles/prosilver/theme/responsive.css | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css index a877b4701f..7d91d331d6 100644 --- a/phpBB/styles/prosilver/theme/content.css +++ b/phpBB/styles/prosilver/theme/content.css @@ -660,7 +660,7 @@ fieldset.polls dd div { font-weight: bold; padding: 0 2px; overflow: visible; - min-width: 2%; + min-width: 8px; } .pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 { diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index 3addeb5d60..dbc798848d 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -474,6 +474,10 @@ dl.mini dd.pm-legend { padding: 0 5px; } +fieldset.display-actions { + white-space: normal; +} + @media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { -- cgit v1.2.1 From 61b5ebfdd37e953ebddb844344164229e0b20baf Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 20:45:59 +0300 Subject: [ticket/11552] Padding for lists with checkbox PHPBB3-11552 --- phpBB/styles/prosilver/theme/responsive.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index dbc798848d..a9d7b1abc7 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -107,6 +107,10 @@ ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; } +ul.topiclist dt .list-inner.with-mark { + padding-right: 34px; +} + ul.topiclist dt .list-inner { min-height: 28px; } -- cgit v1.2.1 From ff10f1ab6aef3cddcc1bd754453881c37e4b976f Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin Date: Sun, 20 Oct 2013 20:48:57 +0300 Subject: [ticket/11552] Fix non-square avatars in notifications Old code was changing all avatars to square. This code will keep 50px height limit without changing aspect ratio. PHPBB3-11552 --- phpBB/styles/prosilver/theme/common.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'phpBB/styles/prosilver/theme') diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index f95fae45e4..92307a501d 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -879,8 +879,9 @@ form > p.post-notice strong { .notification_list ul li img { float: left; - max-width: 50px; max-height: 50px; + width: auto !important; + height: auto !important; margin-right: 5px; } -- cgit v1.2.1