#928776 by Jeff Burnz, mgifford, jensimmons, tim.plunkett, amateescu: Fixed Unpublished comments have a styling issue

7 files changed, 31 insertions, 5 deletions

diff --git a/themes/bartik/css/colors.css b/themes/bartik/css/colors.css
index d61296068..4cbd2c64b 100644
--- a/themes/bartik/css/colors.css
+++ b/themes/bartik/css/colors.css
@@ -12,6 +12,9 @@ body.overlay {
   background-color: #ffffff;
   color: #3b3b3b;
 }
+.comment .comment-arrow {
+  border-color: #ffffff;
+}
 #main-menu-links li a.active,
 #main-menu-links li.active-trail a {
   background: #ffffff;
diff --git a/themes/bartik/css/style-rtl.css b/themes/bartik/css/style-rtl.css
index 31798e54f..28d325ae4 100644
--- a/themes/bartik/css/style-rtl.css
+++ b/themes/bartik/css/style-rtl.css
@@ -111,9 +111,9 @@ ul.tips {
   padding: 0 0 0 30px;
 }
 .comment .comment-arrow {
-  background: url(../images/comment-arrow-rtl.png);
+  background-image: url(../images/comment-arrow-rtl.gif);
   margin-left: 0;
-  margin-right: -45px;
+  margin-right: -47px;
 }
 .comment .indented {
   margin-right: 40px;
@@ -122,6 +122,11 @@ ul.tips {
 .comment ul.links li {
   padding: 0 0 0.5em;
 }
+.comment-unpublished {
+  margin-left: 5px;
+  margin-right: 0;
+  padding: 5px 5px 5px 2px;
+}
 
 /* -------------- Password Meter  ------------- */
 
diff --git a/themes/bartik/css/style.css b/themes/bartik/css/style.css
index 520196786..4d8139416 100644
--- a/themes/bartik/css/style.css
+++ b/themes/bartik/css/style.css
@@ -595,6 +595,14 @@ ul.links {
   color: #68696b;
   font-size: 0.821em;
 }
+.node-unpublished {
+  margin: -20px -15px 0;
+  padding: 20px 15px 0;
+}
+.node-unpublished .comment-text .comment-arrow {
+  border-left: 1px solid #fff4f4;
+  border-right: 1px solid #fff4f4;
+}
 
 /* ----------------- Comments ----------------- */
 
@@ -637,12 +645,14 @@ ul.links {
   line-height: 1.6;
 }
 .comment .comment-arrow {
-  background: url(../images/comment-arrow.png); /* LTR */
+  background: url(../images/comment-arrow.gif) no-repeat 0 center transparent; /* LTR */
+  border-left: 1px solid;
+  border-right: 1px solid;
   height: 40px;
-  width: 20px;
-  margin-left: -45px; /* LTR */
+  margin-left: -47px; /* LTR */
   margin-top: 10px;
   position: absolute;
+  width: 20px;
 }
 .comment .comment-text {
   padding: 10px 25px;
@@ -660,6 +670,14 @@ ul.links {
 .comment ul.links li {
   padding: 0 0.5em 0 0; /* LTR */
 }
+.comment-unpublished {
+  margin-right: 5px; /* LTR */
+  padding: 5px 2px 5px 5px; /* LTR */
+}
+.comment-unpublished .comment-text .comment-arrow {
+  border-left: 1px solid #fff4f4;
+  border-right: 1px solid #fff4f4;
+}
 
 /* ------------------ Sidebar ----------------- */
 .sidebar .section {
diff --git a/themes/bartik/images/comment-arrow-rtl.gif b/themes/bartik/images/comment-arrow-rtl.gif
new file mode 100644
index 000000000..b597e6587
--- /dev/null
+++ b/themes/bartik/images/comment-arrow-rtl.gif
diff --git a/themes/bartik/images/comment-arrow-rtl.png b/themes/bartik/images/comment-arrow-rtl.png
deleted file mode 100644
index 892fb4669..000000000
--- a/themes/bartik/images/comment-arrow-rtl.png
+++ /dev/null
diff --git a/themes/bartik/images/comment-arrow.gif b/themes/bartik/images/comment-arrow.gif
new file mode 100644
index 000000000..ce48d0ccd
--- /dev/null
+++ b/themes/bartik/images/comment-arrow.gif
diff --git a/themes/bartik/images/comment-arrow.png b/themes/bartik/images/comment-arrow.png
deleted file mode 100644
index 7e908a096..000000000
--- a/themes/bartik/images/comment-arrow.png
+++ /dev/null