#2211741 Update comment new & user picture styling.

sass/partials/common/_comment.scss

@@ -3,7 +3,7 @@
   margin-top: 0.692em;
   padding-top: 0.692em;
 
-  h3.comment-title {
+  > h3 {
     margin-bottom: 0;
   }
   .submitted a.username {
@@ -25,12 +25,27 @@
     float: right;
   }
   .new {
-    background-color: $light-yellow;
-    padding: 1px 6px 2px;
+    float: right;
+    color: $white;
+    background-color: $darker-grey;
+    padding: 3px 6px;
+    margin: 0 0 0 0.5em;
+    text-transform: uppercase;
+    font-size: 0.8333em;
+    line-height: 1em;
   }
   .picture {
-    float: right;
-    margin: 0 0 1.5em 1.5em;
+    float: left;
+    text-align: center;
+    width: 40px;
+    img {
+      max-height: 40px;
+    }
+  }
+  &.with-picture { // Move out of the way of the user picture.
+    > h3, .submitted, .content {
+      margin-left: 50px;
+    }
   }
 }
 

template.php

@@ -29,9 +29,6 @@ function bluecheese_preprocess_comment(&$variables) {
   $variables['created'] = format_date($variables['comment']->created, 'custom', 'F j, Y \a\t g:ia');
   $variables['pubdate'] = '<time pubdate datetime="' . $variables['comment']->created . '">' . $variables['created'] . '</time>';
   $variables['submitted'] = t('Posted by !username on !datetime', array('!username' => $variables['author'], '!datetime' => $variables['pubdate']));
-
-  // Add class to comment title
-  $variables['title_attributes_array']['class'][] = 'comment-title';
 }
 
 /**

tpl/comment.tpl.php

-<div class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
-  <?php print $picture ?>
-
-  <?php print render($title_prefix); ?>
-  <h3<?php print $title_attributes; ?>><?php print $title ?></h3>
-  <?php print render($title_suffix); ?>
-
-  <div class="submitted">
-    <?php print $permalink; ?>
-    <?php print $submitted; ?>
-    <?php if ($new): ?>
-      <span class="new"><?php print $new ?></span>
-    <?php endif; ?>
-  </div>
-
-  <div class="content"<?php print $content_attributes; ?>>
-    <?php
-      // We hide the comments and links now so that we can render them later.
-      hide($content['links']);
-      print render($content);
-    ?>
-    <?php if ($signature): ?>
-    <div class="user-signature clearfix">
-      <?php print $signature ?>
-    </div>
-    <?php endif; ?>
-  </div>
-
-  <?php print render($content['links']) ?>
-</div>