fix moderate history list style and badge color

diff --git a/src/newslash_web/css/newslash/comment.less b/src/newslash_web/css/newslash/comment.less
index 24811c7..84deac9 100644 (file)
--- a/src/newslash_web/css/newslash/comment.less
+++ b/src/newslash_web/css/newslash/comment.less
@@ -92,6 +92,8 @@
                     cursor: pointer;
                 }
             }
+
+            li { list-style: none; }
         }
     }
     footer {

diff --git a/src/newslash_web/css/newslash/ui.less b/src/newslash_web/css/newslash/ui.less
index 5e1867a..f3f9f04 100644 (file)
--- a/src/newslash_web/css/newslash/ui.less
+++ b/src/newslash_web/css/newslash/ui.less
@@ -33,10 +33,17 @@
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
-    background-color: @background-color-strong;
+    background-color: @background-color-weak;
     border-radius: 10px;
     line-height: 100%;
     font-weight: bold;
+    &:hover { background-color: @background-color-strong };
+
+    &.selected {
+        background-color: @background-color-strong;
+        border: 1px solid @background-color-strong;
+        &:hover { background-color: @background-color-weak };
+    }
 }
 
 /* dropdown menu */

diff --git a/src/newslash_web/templates/common/comment/comment.html.tt2 b/src/newslash_web/templates/common/comment/comment.html.tt2
index bf5695d..636a37c 100644 (file)
--- a/src/newslash_web/templates/common/comment/comment.html.tt2
+++ b/src/newslash_web/templates/common/comment/comment.html.tt2
@@ -14,7 +14,7 @@
         <span class="subject" v-text="comment.title">[% comment.title %]</span>
       </h1>
       <div class="property">
-        <span class="score badge" v-show="isScoreVisible" v-on:click="showModInfo">
+        <span class="score badge" v-show="isScoreVisible" v-on:click="showModInfo" :class="{selected: displayModInfo}">
           <span v-text="signedPoints"></span>
           <span v-text="reasonText"></span>
         </span>
@@ -51,8 +51,8 @@
       <div class="moderate-reasons" v-if="displayModInfo">
         モデレーション履歴：<span v-if="noMods">なし</span>
         <span class="loading" v-if="loadingMods">読み込み中</span>
-        <ol v-for="mod in comment.moderations">
-          <li>
+        <ol>
+          <li v-for="mod in comment.moderations">
             <span class="points" v-text="(mod.val > 0) ? '+' + mod.val : mod.val"></span>：
             <span class="reason" v-text="modReasons[mod.reason]"></span>
             （<span class="timestamp" v-text="mod.ts"></span>）