Add support for redmine_hearts plugin

Fixes mrliptontea#86

README.md

@@ -56,6 +56,10 @@ If you need to customize styles for [Redmine Backlogs][redmine_backlogs] remembe
 
 ## Changelog
 
+v1.10.0 (2019-03-12):
+
+* Fixed #86: added support for redmine_hearts plugin
+
 v1.9.0 (2019-03-01):
 
 * Fixed #42: override some styles from [RM+](http://rmplus.pro) plugins

src/sass/components/_elements.scss

@@ -93,11 +93,12 @@ a.collapsible.collapsed,
 
   a {
     display: inline-block;
+    margin-left: $padding-small-vertical;
     white-space: nowrap;
+  }
 
-    &:not(:first-child) {
-      margin-left: $padding-small-vertical;
-    }
+  > :first-child {
+    margin-left: 0;
   }
 }
 

src/sass/components/_icons.scss

@@ -133,6 +133,8 @@ $icon-danger-hover-color:            darken($brand-danger, 10%);
   .icon-error::before                 { content: $fa-var-exclamation; }
   .icon-fav::before                   { content: $fa-var-star; }
   .icon-fav-off::before               { content: $fa-var-star-o; }
+  .icon-heart::before                 { content: $fa-var-heart; }
+  .icon-heart-off::before             { content: $fa-var-heart-o; }
   .icon-reload::before                { content: $fa-var-refresh; }
   .icon-locked::before                { content: $fa-var-lock; }
   .icon-lock::before                  { content: $fa-var-lock; }
@@ -1212,33 +1214,35 @@ $icon-danger-hover-color:            darken($brand-danger, 10%);
 
   // Issue journal contextual icons
 
-  .journal .contextual {
-    a {
+  .journal .wiki .contextual {
+    > a {
       @extend %fa-icon;
 
-      &::before {
-        content: $fa-var-comment;
-      }
-
-      img {
-        display: none;
-      }
+      &:not([class*="icon"]) {
+        &::before {
+          content: $fa-var-comment;
+        }
 
-      &:nth-child(2) {
-        @include link-variant($icon-success-color, $icon-success-hover-color);
+        &:nth-child(2) {
+          @include link-variant($icon-success-color, $icon-success-hover-color);
 
-        &::before {
-          content: $fa-var-pencil;
+          &::before {
+            content: $fa-var-pencil;
+          }
         }
-      }
 
-      &:nth-child(3) {
-        @include link-variant($icon-danger-color, $icon-danger-hover-color);
+        &:nth-child(3) {
+          @include link-variant($icon-danger-color, $icon-danger-hover-color);
 
-        &::before {
-          content: $fa-var-trash;
+          &::before {
+            content: $fa-var-trash;
+          }
         }
       }
+
+      img {
+        display: none;
+      }
     }
   }
 

src/sass/components/_plugins.scss

@@ -44,6 +44,58 @@
 }
 
 
+//
+// Redmine Hearts
+// https://github.com/cat-in-136/redmine_hearts
+// --------------------------------------------------
+
+.journal > div + .contextual {
+  border: 0;
+
+  > .heart-link-with-count {
+    display: block;
+    position: relative;
+    margin: -($line-height-computed / 2 + 1px) $bubble-padding-vertical 0;
+    float: right;
+    border: 0;
+    background-color: $body-bg;
+    text-align: right;
+  }
+}
+
+@if $use-font-awesome {
+  .icon.icon-heart,
+  .icon.icon-heart-off {
+    background-image: none;
+  }
+
+  .icon.icon-heart {
+    &::before {
+      color: #eb5286;
+    }
+  }
+
+  .heart-link-with-count {
+    margin-left: $padding-small-vertical;
+
+    > .heart-count-number {
+      display: inline-block;
+      min-width: 1em;
+      margin: 0 0 0 3px;
+      padding: 1px 4px;
+      border-radius: $border-radius-base;
+      background-color: $btn-default-bg;
+      color: $btn-default-color;
+      text-align: center;
+
+      &::before {
+        content: "";
+      }
+    }
+  }
+}
+
+
 //
 // Redmine Time Tracker
 // https://github.com/fernandokosh/redmine_time_tracker