Commit 361e89c1411201464e1b4d2c2a80a73fb0a3e3d6
Committed by
Antonio Terceiro
1 parent
3fe538f1
Exists in
master
and in
23 other branches
Fixing positions
* addThis * blog-feed-link * article-actions
Showing
4 changed files
with
35 additions
and
49 deletions
Show diff stats
app/views/content_viewer/blog_page.rhtml
| ... | ... | @@ -3,7 +3,6 @@ |
| 3 | 3 | <%= content_tag('em', _('(external feed was not loaded yet)'), :id => 'external-feed-info', :class => 'metadata') if article.blog? && article.external_feed && article.external_feed.enabled && article.external_feed.fetched_at.nil? %> |
| 4 | 4 | |
| 5 | 5 | <div> |
| 6 | - <%= link_to(image_tag('icons-mime/rss-feed.png'), article.feed.url, :class => 'blog-feed-link') if article.blog? && article.feed %> | |
| 7 | 6 | <div class='blog-description'> |
| 8 | 7 | <%= article.body %> |
| 9 | 8 | </div> | ... | ... |
app/views/content_viewer/view_page.rhtml
| ... | ... | @@ -6,26 +6,9 @@ |
| 6 | 6 | |
| 7 | 7 | <div id="article"> |
| 8 | 8 | |
| 9 | -<% | |
| 10 | - # AddThis Button | |
| 11 | - if block_given? && web2_conf['addthis'] | |
| 12 | - opts = web2_conf['addthis'] | |
| 13 | -%> | |
| 14 | -<div id="addThis"> | |
| 15 | -<script type="text/javascript"> | |
| 16 | - addthis_brand = '<%= escape_javascript( @environment.name ) %>'; | |
| 17 | -<%= | |
| 18 | - str = '' | |
| 19 | - opts.each { |k, v| | |
| 20 | - str += ' addthis_'+ k +' = "'+ escape_javascript( v ) +"\";\n" | |
| 21 | - } | |
| 22 | - str | |
| 23 | -%></script> | |
| 24 | -<a href="http://www.addthis.com/bookmark.php" id="bt_addThis" target="_blank" onmouseover="return addthis_open(this, '', '[URL]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="/images/bt-bookmark.gif" width="53" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script> | |
| 25 | -</div> | |
| 26 | -<% end %> | |
| 27 | 9 | |
| 28 | 10 | <div<%= " class='logged-in'" if user %>> |
| 11 | + <%= link_to(image_tag('icons-mime/rss-feed.png'), @page.feed.url, :class => 'blog-feed-link') if @page.blog? && @page.feed %> | |
| 29 | 12 | <%= article_title(@page, :no_link => true) %> |
| 30 | 13 | <div id="article-actions"> |
| 31 | 14 | <% if @page.allow_post_content?(user) %> |
| ... | ... | @@ -69,6 +52,7 @@ |
| 69 | 52 | </div> |
| 70 | 53 | </div> |
| 71 | 54 | |
| 55 | + | |
| 72 | 56 | <% if !@page.tags.empty? %> |
| 73 | 57 | <div id="article-tags"> |
| 74 | 58 | <%= _("This article's tags:") %> |
| ... | ... | @@ -115,6 +99,25 @@ |
| 115 | 99 | </div> |
| 116 | 100 | <% end %> |
| 117 | 101 | |
| 102 | +<% | |
| 103 | + # AddThis Button | |
| 104 | + if block_given? && web2_conf['addthis'] | |
| 105 | + opts = web2_conf['addthis'] | |
| 106 | +%> | |
| 107 | +<div id="addThis"> | |
| 108 | +<script type="text/javascript"> | |
| 109 | + addthis_brand = '<%= escape_javascript( @environment.name ) %>'; | |
| 110 | +<%= | |
| 111 | + str = '' | |
| 112 | + opts.each { |k, v| | |
| 113 | + str += ' addthis_'+ k +' = "'+ escape_javascript( v ) +"\";\n" | |
| 114 | + } | |
| 115 | + str | |
| 116 | +%></script> | |
| 117 | +<a href="http://www.addthis.com/bookmark.php" id="bt_addThis" target="_blank" onmouseover="return addthis_open(this, '', '[URL]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="/images/bt-bookmark.gif" width="53" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script> | |
| 118 | +</div> | |
| 119 | +<% end %> | |
| 120 | + | |
| 118 | 121 | <div class="comments"> |
| 119 | 122 | <a name="comments_list"></a> |
| 120 | 123 | <% if @page.accept_comments? %> | ... | ... |
public/designs/themes/base/style.css
| ... | ... | @@ -966,6 +966,14 @@ hr.pre-posts, hr.sep-posts { |
| 966 | 966 | display: none; |
| 967 | 967 | } |
| 968 | 968 | |
| 969 | +.blog-feed-link { | |
| 970 | + float: right; | |
| 971 | + margin-left: 5px; | |
| 972 | + position: absolute; | |
| 973 | + right: 0px; | |
| 974 | + top: -2px; | |
| 975 | +} | |
| 976 | + | |
| 969 | 977 | .blog-post { |
| 970 | 978 | background: url(imgs/blog-sep.png) repeat-x; |
| 971 | 979 | padding: 15px 20px 5px 20px; |
| ... | ... | @@ -976,10 +984,6 @@ hr.pre-posts, hr.sep-posts { |
| 976 | 984 | margin-top: 25px; |
| 977 | 985 | } |
| 978 | 986 | |
| 979 | -#article-actions { | |
| 980 | - top: -28px; | |
| 981 | -} | |
| 982 | - | |
| 983 | 987 | #article-actions a.button, |
| 984 | 988 | #article-actions a.button:hover { |
| 985 | 989 | border: none; |
| ... | ... | @@ -990,10 +994,8 @@ hr.pre-posts, hr.sep-posts { |
| 990 | 994 | color: #555753; |
| 991 | 995 | } |
| 992 | 996 | |
| 993 | -#bt_addThis { | |
| 994 | - position: absolute; | |
| 995 | - top: -15px; | |
| 996 | - right: 0px; | |
| 997 | +#addThis { | |
| 998 | + text-align: right; | |
| 997 | 999 | } |
| 998 | 1000 | |
| 999 | 1001 | #content .blog-post .title { |
| ... | ... | @@ -1019,7 +1021,6 @@ hr.pre-posts, hr.sep-posts { |
| 1019 | 1021 | } |
| 1020 | 1022 | |
| 1021 | 1023 | #article-tags { |
| 1022 | - float: right; | |
| 1023 | 1024 | color: #FFF; |
| 1024 | 1025 | } |
| 1025 | 1026 | #article-tags a { | ... | ... |
public/stylesheets/application.css
| ... | ... | @@ -969,8 +969,8 @@ code input { |
| 969 | 969 | |
| 970 | 970 | #article-actions { |
| 971 | 971 | position: absolute; |
| 972 | - top: -25px; | |
| 973 | - right: -17px; | |
| 972 | + top: 1px; | |
| 973 | + right: 20px; | |
| 974 | 974 | padding-right: 15px; |
| 975 | 975 | } |
| 976 | 976 | |
| ... | ... | @@ -1143,8 +1143,6 @@ a.comment-picture { |
| 1143 | 1143 | margin-bottom: -5px; |
| 1144 | 1144 | } |
| 1145 | 1145 | #bt_addThis { |
| 1146 | - float: right; | |
| 1147 | - margin: 0px; | |
| 1148 | 1146 | } |
| 1149 | 1147 | |
| 1150 | 1148 | #addthis_dropdown15 table td { |
| ... | ... | @@ -1234,16 +1232,6 @@ a.comment-picture { |
| 1234 | 1232 | font-size: small; |
| 1235 | 1233 | } |
| 1236 | 1234 | |
| 1237 | -.blog-feed-link { | |
| 1238 | - float: right; | |
| 1239 | -} | |
| 1240 | - | |
| 1241 | -.blog-description { | |
| 1242 | - margin-right: 30px; | |
| 1243 | -} | |
| 1244 | - | |
| 1245 | - | |
| 1246 | - | |
| 1247 | 1235 | a.button, a.button:visited, |
| 1248 | 1236 | body.noosfero a.button, body.noosfero a.button:visited, |
| 1249 | 1237 | input.button { |
| ... | ... | @@ -1802,12 +1790,8 @@ input.disabled { |
| 1802 | 1790 | Use article.css for article related css |
| 1803 | 1791 | */ |
| 1804 | 1792 | |
| 1805 | -.main-block .main-block h1 { | |
| 1806 | - overflow: hidden; | |
| 1807 | -} | |
| 1808 | - | |
| 1809 | -.main-block .article-body { | |
| 1810 | - overflow-x: auto; | |
| 1793 | +.main-block, .main-block h1{ | |
| 1794 | + overflow: visible; | |
| 1811 | 1795 | } |
| 1812 | 1796 | |
| 1813 | 1797 | body div#activation_enterprise { |
| ... | ... | @@ -2003,7 +1987,6 @@ div#activation_enterprise div { |
| 2003 | 1987 | .profile-info-picture img { |
| 2004 | 1988 | border: none; |
| 2005 | 1989 | padding: 2px; |
| 2006 | - background: #FFF; | |
| 2007 | 1990 | } |
| 2008 | 1991 | |
| 2009 | 1992 | .profile-info-picture .sex-male, | ... | ... |