diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-19 12:47:19 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-19 12:47:19 +0300 |
| commit | 5f96769b936484ca588dd05398bf922a45486215 (patch) | |
| tree | 3363e2fd07c93f1da40328d7ea4195857d57db93 /phpBB | |
| parent | 74eb7012a3f043187b7c5c2c396218388f729e00 (diff) | |
| download | forums-5f96769b936484ca588dd05398bf922a45486215.tar forums-5f96769b936484ca588dd05398bf922a45486215.tar.gz forums-5f96769b936484ca588dd05398bf922a45486215.tar.bz2 forums-5f96769b936484ca588dd05398bf922a45486215.tar.xz forums-5f96769b936484ca588dd05398bf922a45486215.zip | |
[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
Diffstat (limited to 'phpBB')
| -rw-r--r-- | phpBB/styles/prosilver/theme/content.css | 15 |
1 files changed, 15 insertions, 0 deletions
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; +} |