OSDN Git Service

add some icons to comment form
authorhylom <hylom@users.sourceforge.jp>
Wed, 4 Oct 2017 17:43:12 +0000 (02:43 +0900)
committerhylom <hylom@users.sourceforge.jp>
Wed, 4 Oct 2017 17:43:12 +0000 (02:43 +0900)
src/newslash_web/templates/common/comment/comment.html.tt2
src/newslash_web/templates/common/comment/comment_header.html.tt2

index 3095426..df2a945 100644 (file)
@@ -70,7 +70,9 @@
       <div class="signature" v-text="comment.signature" v-show="isSignatureVisible">
         [%- comment.signature -%]
       </div>
-      <button v-if="isReplyEnabled" v-on:click="showReplyForm()">ここに返信</button>
+      <button class="btn btn-default" v-if="isReplyEnabled" v-on:click="showReplyForm()">
+        <span class="glyphicon glyphicon-share-alt tf-rot-y-180" aria-hidden="true"></span><span class="btn-text"> ここに返信</span>
+      </button>
       <div class="moderation" v-if="isModerateEnabled">
         <select class="moderate-reasons form-control" name="moderate-reasons" v-model="moderateReason">
           [%- FOREACH item IN moderate_reasons -%]
index eda0a1f..eb14686 100644 (file)
@@ -9,7 +9,10 @@
     [%#
     <button type="button" class="btn btn-default form-control">コメント元ページを表示</button>
     %]
-    <button type="button" class="btn btn-default form-control" v-if="commentAllowed">コメントを書く</button>
+    <button type="button" class="btn btn-default form-control" v-if="commentAllowed">
+      <span class="glyphicon glyphicon-comment"></span>
+      <span class="btn-text"> コメントを書く</span>
+    </button>
     <select id="comment-filter" name="comment-filter" class="form-control" v-model="userConfig.show_threshold">
       <option value="-1">全コメントを表示</option>
       <option value="0">スコア0以上のコメントのみ表示</option>
@@ -33,6 +36,7 @@
     <button type="button" class="btn btn-default form-control" aria-label="表示設定"
             v-on:click="isConfigVisible=!isConfigVisible" :class="{active: isConfigVisible}">
       <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
+      <span class="btn-text">表示設定</span>
     </button>
     
   </div>