Added icons

BookStackApp · May 1, 2019 · 3b4695b · 3b4695b
1 parent 8412908
commit 3b4695b
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 9 deletions.
diff --git a/resources/assets/sass/_forms.scss b/resources/assets/sass/_forms.scss
@@ -36,6 +36,24 @@
 #markdown-editor {
   position: relative;
   z-index: 5;
+  markdown-toolbar {
+    padding: 5px;
+  }
+  markdown-toolbar > * {
+    border: solid 1px #666;
+    border-radius: 5px;
+    cursor: pointer;
+    margin: 5px 0px;
+    padding: 2px 5px;
+    text-align: center;
+  }
+  markdown-toolbar > *:hover {
+    background-color: #666;
+    color: #fff;
+  }
+  markdown-toolbar > * > i {
+    padding-left: 5px;
+  }
   #markdown-editor-input {
     font-style: normal;
     font-weight: 400;

diff --git a/resources/views/pages/edit.blade.php b/resources/views/pages/edit.blade.php
@@ -1,6 +1,7 @@
 @extends('base')
 
 @section('head')
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
     <script src="{{ baseUrl('/libs/tinymce/tinymce.min.js?ver=4.6.6') }}"></script>
 @stop
 

diff --git a/resources/views/pages/form.blade.php b/resources/views/pages/form.blade.php
@@ -98,15 +98,15 @@
                     </div>
 
                     <markdown-toolbar for="markdown-textarea">
-                        <md-bold>bold</md-bold>
-                        <md-header>header</md-header>
-                        <md-italic>italic</md-italic>
-                        <md-quote>quote</md-quote>
-                        <md-code>code</md-code>
-                        <md-link>link</md-link>
-                        <md-unordered-list>unordered-list</md-unordered-list>
-                        <md-ordered-list>ordered-list</md-ordered-list>
-                        <md-task-list>task-list</md-task-list>
+                        <md-bold><i class="fas fa-bold"></i></md-bold>
+                        <md-header><i class="fas fa-heading"></i></md-header>
+                        <md-italic><i class="fas fa-italic"></i></md-italic>
+                        <md-quote><i class="fas fa-quote-right"></i></md-quote>
+                        <md-code><i class="fas fa-code"></i></md-code>
+                        <md-link><i class="fas fa-link"></i></md-link>
+                        <md-unordered-list><i class="fas fa-list-ul"></i></md-unordered-list>
+                        <md-ordered-list><i class="fas fa-list-ol"></i></md-ordered-list>
+                        <md-task-list><i class="fas fa-tasks"></i></md-task-list>
                         <md-mention>mention</md-mention>
                         <md-ref>ref</md-ref>
                     </markdown-toolbar>