diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-22 00:11:48 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-24 18:36:16 +0300 |
| commit | d2d4438db50e54b9ad61731b5d92d01bd057309c (patch) | |
| tree | 7c6b84093432de814fb97f53bdc2a3749b755340 /phpBB/styles/prosilver/theme | |
| parent | 5c5137818607777367f6d9a970f668c0c6d061e7 (diff) | |
| download | forums-d2d4438db50e54b9ad61731b5d92d01bd057309c.tar forums-d2d4438db50e54b9ad61731b5d92d01bd057309c.tar.gz forums-d2d4438db50e54b9ad61731b5d92d01bd057309c.tar.bz2 forums-d2d4438db50e54b9ad61731b5d92d01bd057309c.tar.xz forums-d2d4438db50e54b9ad61731b5d92d01bd057309c.zip | |
[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
Diffstat (limited to 'phpBB/styles/prosilver/theme')
| -rw-r--r-- | phpBB/styles/prosilver/theme/responsive.css | 28 |
1 files changed, 5 insertions, 23 deletions
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) |