Просмотр исходного кода

add keyboard-return-enter icon

Yuki Takei 7 лет назад
Родитель
Сommit
b8689a08b4

+ 1 - 1
lib/views/modal/shortcuts.html

@@ -65,7 +65,7 @@
             <table class="table">
             <table class="table">
               <tr>
               <tr>
                 <th>{{ t('modal_shortcuts.commentform.Post') }}:</th>
                 <th>{{ t('modal_shortcuts.commentform.Post') }}:</th>
-                <td><span class="key cmd-key"></span> + <span class="key key-long">Enter</span></td>
+                <td><span class="key cmd-key"></span> + <span class="key key-longer">{% include '../widget/icon-keyboard-return-enter.html' %}</span></td>
               </tr>
               </tr>
               <tr>
               <tr>
                 <th>{{ t('modal_shortcuts.editor.Delete Line') }}:</th>
                 <th>{{ t('modal_shortcuts.editor.Delete Line') }}:</th>

+ 7 - 0
lib/views/widget/icon-keyboard-return-enter.html

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20px" viewBox="0 0 34 21">
+  <g id="ba5f4106-f870-416b-bb0c-2580c9a76268">
+    <g id="1def15e1-5198-4ca2-9457-3b509e83053f">
+      <polygon points="31 0 31 9 5 9 11.8 1.8 10 0 0 10.5 10 21 11.8 19.2 5 12 34 12 34 0 31 0" />
+    </g>
+  </g>
+</svg>

+ 4 - 0
resource/styles/scss/_shortcuts.scss

@@ -38,6 +38,10 @@
     text-transform: uppercase;
     text-transform: uppercase;
     text-align: center;
     text-align: center;
     color: #666;
     color: #666;
+    /* SVG Properties*/
+    polygon {
+      fill: #666;
+    }
 
 
     &.key-longer {
     &.key-longer {
       width: 64px;
       width: 64px;