diff options
| author | Bernhard Posselt <nukeawhale@gmail.com> | 2012-08-15 15:20:45 +0200 |
|---|---|---|
| committer | Bernhard Posselt <nukeawhale@gmail.com> | 2012-08-15 15:20:45 +0200 |
| commit | 58716d325c235d4ae8101c13d7936da643cb8ccf (patch) | |
| tree | 335baf0a31a48065553dea886125315107d0c28f | |
| parent | 220471ab46f69ad8e6f19578c82318e41b3bc740 (diff) | |
optimized for a min width of 950px
| -rw-r--r-- | css/news.css | 17 | ||||
| -rw-r--r-- | js/news.js | 1 | ||||
| -rw-r--r-- | templates/part.items.header.php | 2 |
3 files changed, 18 insertions, 2 deletions
diff --git a/css/news.css b/css/news.css index 82d687a11..677c79361 100644 --- a/css/news.css +++ b/css/news.css @@ -79,12 +79,27 @@ div.feed_controls { } div.feed_controls div.feed_title h1 { - max-width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + @media all and (min-width: 1280px){ + div.feed_controls div.feed_title h1 { max-width: 450px; } + } + + @media all and (max-width: 1279px) and (min-width: 1024px){ + div.feed_controls div.feed_title h1 { max-width: 230px; } + } + + @media all and (max-width: 1023px) and (min-width: 950px){ + div.feed_controls div.feed_title h1 { max-width: 130px; } + } + + @media all and (max-width: 949px){ + div.feed_controls div.feed_title h1 { display: none; } + } + div.feed_controls h1 { font-size: 1.5em; color: #444; diff --git a/js/news.js b/js/news.js index e2f9b5396..ab60950a1 100644 --- a/js/news.js +++ b/js/news.js @@ -254,6 +254,7 @@ News={ $feedItems.scrollTop(0); var $feedTitle = $(".feed_controls .feed_title h1"); $feedTitle.html(jsonData.data.feedTitle); + $feedTitle.attr('title', jsonData.data.feedTitle); $('li#selected_feed').attr('id', ''); $('li.feed[data-id="' + feedId + '"]').attr('id', 'selected_feed'); diff --git a/templates/part.items.header.php b/templates/part.items.header.php index 68e0d9234..7291cb296 100644 --- a/templates/part.items.header.php +++ b/templates/part.items.header.php @@ -16,7 +16,7 @@ $showOnlyUnread = true; <div class="feed_controls"> <div class="feed_title"> - <h1><?php echo $feedTitle; ?></h1> + <h1 title="<?php echo $feedTitle; ?>"><?php echo $feedTitle; ?></h1> </div> <div class="controls"> <input type="button" value="<?php echo $l->t('Mark all as read'); ?>" id="mark_all_as_read" /> |