Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

#895898 by Jeff Burnz: Fixed Comment user picture can overflow its container in Bartik

merge-requests/26/head
Angie Byron 2010-11-29 05:01:37 +00:00
parent 14779b97e1
commit c9d78b60d4
4 changed files with 34 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
themes/bartik/css/ie-rtl.css
View File

@ -8,6 +8,18 @@ ul.action-links li a,
#user-login li.openid-link a { #user-login li.openid-link a {
zoom: 1; zoom: 1;
} }
.comment .attribution {
float: right;
}
.comment-text {
float: right;
margin-left: 0;
margin-right: 25px;
}
.comment .comment-arrow {
position: absolute;
right: 25px;
}
.region-header .block, .region-header .block,
.region-header #block-user-login .form-item { .region-header #block-user-login .form-item {
float: none; float: none;

11
themes/bartik/css/ie.css
View File

@ -13,6 +13,17 @@ fieldset legend {
#footer-wrapper #footer .block { #footer-wrapper #footer .block {
height: 100%; height: 100%;
} }
.comment .attribution {
display: inline;
float: left; /* LTR */
overflow: hidden;
padding: 0;
}
.comment-text {
display: inline;
float: left; /* LTR */
margin-left: 25px; /* LTR */
}
#search-block-form input.form-submit, #search-block-form input.form-submit,
#search-form input.form-submit { #search-form input.form-submit {
text-transform: capitalize; /* Trigger text indent. */ text-transform: capitalize; /* Trigger text indent. */

6
themes/bartik/css/style-rtl.css
View File

@ -107,14 +107,12 @@ ul.tips {
} }
.comment .attribution { .comment .attribution {
float: right; float: right;
padding: 0 0 0 30px;
} }
.comment .comment-arrow { .comment .comment-arrow {
background: url(../images/comment-arrow-rtl.png); background: url(../images/comment-arrow-rtl.png);
margin-right: -45px;
}
.comment .comment-text {
margin-right: 140px;
margin-left: 0; margin-left: 0;
margin-right: -45px;
} }
.comment .indented { .comment .indented {
margin-right: 40px; margin-right: 40px;

14
themes/bartik/css/style.css
View File

@ -591,12 +591,14 @@ ul.links {
} }
.comment { .comment {
margin-bottom: 20px; margin-bottom: 20px;
position: relative; display: table;
vertical-align: top;
} }
.comment .attribution { .comment .attribution {
padding-top: 20px; display: table-cell;
float: left; /* LTR */ padding: 0 30px 0 0; /* LTR */
width: 110px; vertical-align: top;
overflow: hidden;
} }
.comment .attribution img { .comment .attribution img {
margin: 0; margin: 0;
@ -628,9 +630,11 @@ ul.links {
position: absolute; position: absolute;
} }
.comment .comment-text { .comment .comment-text {
margin-left: 140px; /* LTR */
padding: 10px 25px; padding: 10px 25px;
border: 1px solid #d3d7d9; border: 1px solid #d3d7d9;
display: table-cell;
vertical-align: top;
position: relative;
} }
.comment .indented { .comment .indented {
margin-left: 40px; /* LTR */ margin-left: 40px; /* LTR */