diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-22 11:16:25 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-24 18:36:16 +0300 |
| commit | 5e67c41629c2234820b9355b06a9846d7698e313 (patch) | |
| tree | 4c6b3fa1273cc6043cf54fcfc7b4c05551ae8537 /phpBB/styles/prosilver/theme | |
| parent | 85b9867edb3bc387fb5a58ee42fcf0f43f1d5ef0 (diff) | |
| download | forums-5e67c41629c2234820b9355b06a9846d7698e313.tar forums-5e67c41629c2234820b9355b06a9846d7698e313.tar.gz forums-5e67c41629c2234820b9355b06a9846d7698e313.tar.bz2 forums-5e67c41629c2234820b9355b06a9846d7698e313.tar.xz forums-5e67c41629c2234820b9355b06a9846d7698e313.zip | |
[ticket/11956] Better responsive breadcrumbs
PHPBB3-11956
Diffstat (limited to 'phpBB/styles/prosilver/theme')
| -rw-r--r-- | phpBB/styles/prosilver/theme/common.css | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index 19077bbc86..fc0fff8fea 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -449,23 +449,25 @@ ul.responsive-popup li:before, ul.responsive-popup li:after { /* Responsive breadcrumbs ----------------------------------------*/ -.breadcrumbs .crumb { +.breadcrumbs .crumb a { display: inline-block; vertical-align: bottom; } -.breadcrumbs.wrapped .crumb { - letter-spacing: -.5px; -} +.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; } +.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; } +.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; } -.breadcrumbs .crumb.wrapped { +.breadcrumbs .crumb.wrapped a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -.breadcrumbs .crumb.wrapped-wide { max-width: 120px; } -.breadcrumbs .crumb.wrapped-medium { max-width: 80px; } -.breadcrumbs .crumb.wrapped-small { max-width: 30px; } +.breadcrumbs .crumb.wrapped-max a { max-width: 120px; } +.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; } +.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; } +.breadcrumbs .crumb.wrapped-small a { max-width: 60px; } +.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; } /* Table styles ----------------------------------------*/ |