css: Change title prefix css style

yona-projects · Aug 10, 2017 · 8e27413 · 8e27413
1 parent 447cf4d
commit 8e27413
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 4 deletions.
diff --git a/app/assets/stylesheets/less/_page.less b/app/assets/stylesheets/less/_page.less
@@ -6473,10 +6473,19 @@ div.diff-body[data-outdated="true"] tr:hover .icon-comment {
 }
 
 .title-prefix {
-  font-size: 15px;
-  font-weight: bold;
-  border-radius: 2px;
-  color: #3592B5;
+    font-size: 15px;
+    font-weight: bold;
+    border-radius: 2px;
+    color: #3592B5;
+    &:hover {
+        background-color: #3592B5;
+        color: white;
+    }
+}
+
+.title-prefix-hover {
+    background-color: #3592B5;
+    color: white;
 }
 
 .send-notification-check {

diff --git a/app/views/board/list.scala.html b/app/views/board/list.scala.html
@@ -108,6 +108,15 @@
         $('.board-labels select').on('change', function(e){
             $("#option_form").submit();
         });
+        var $titlePrefix = $(".title-prefix");
+        $titlePrefix
+                .on("mouseover", function (e) {
+                    $(".title-prefix:contains('" + e.target.innerText + "')")
+                            .addClass("title-prefix-hover");
+                })
+                .on("mouseleave", function (e) {
+                    $titlePrefix.removeClass("title-prefix-hover");
+                });
 	});
 </script>
 @common.select2()

diff --git a/app/views/issue/list.scala.html b/app/views/issue/list.scala.html
@@ -31,6 +31,16 @@
     yobi.ShortcutKey.setKeymapLink({
       "N": "@routes.IssueApp.newIssueForm(project.owner, project.name)"
     });
+
+    var $titlePrefix = $(".title-prefix");
+    $titlePrefix
+            .on("mouseover", function (e) {
+              $(".title-prefix:contains('" + e.target.innerText + "')")
+                      .addClass("title-prefix-hover");
+            })
+            .on("mouseleave", function (e) {
+              $titlePrefix.removeClass("title-prefix-hover");
+            });
   });
 </script>
 }