Commit 4e80c8a6e0ca0102509805cad4b3650c23e0a364

Authored by Antonio Terceiro
1 parent 7b5a4bff

ActionItem1042: better positioning of the image

app/views/content_viewer/_comment.rhtml
@@ -40,4 +40,5 @@ @@ -40,4 +40,5 @@
40 </div> 40 </div>
41 </div></div></div></div> 41 </div></div></div></div>
42 </div></div></div></div> 42 </div></div></div></div>
  43 + <br style='clear: both'/>
43 </div> 44 </div>
public/stylesheets/article.css
@@ -77,21 +77,12 @@ @@ -77,21 +77,12 @@
77 } 77 }
78 78
79 .comment-picture { 79 .comment-picture {
80 - position: relative;  
81 display: block; 80 display: block;
  81 + float: left;
82 width: 70px; 82 width: 70px;
83 - height: 50px;  
84 background-repeat: no-repeat; 83 background-repeat: no-repeat;
85 - background-position: 0% 50%;  
86 - margin: 0px 4px 4px 4px;  
87 - float: left;  
88 -}  
89 -  
90 -.comment-picture span {  
91 - top: 50px;  
92 - position: absolute;  
93 - width: 100%;  
94 - overflow: hidden; 84 + background-position: 0% 0%;
  85 + padding-top: 50px;
95 } 86 }
96 87
97 a.comment-picture { 88 a.comment-picture {
@@ -120,7 +111,6 @@ a.comment-picture { @@ -120,7 +111,6 @@ a.comment-picture {
120 111
121 .comment-text { 112 .comment-text {
122 font-size: 11px; 113 font-size: 11px;
123 - clear: left;  
124 } 114 }
125 115
126 .comment-logged-out .comment-text { 116 .comment-logged-out .comment-text {