Dan Brown

Updated page editor with more usefull buttons

...@@ -109,6 +109,8 @@ input[type="text"], input[type="number"], input[type="email"], input[type="searc ...@@ -109,6 +109,8 @@ input[type="text"], input[type="number"], input[type="email"], input[type="searc
109 } 109 }
110 110
111 .search-box { 111 .search-box {
112 + max-width: 100%;
113 + position: relative;
112 button { 114 button {
113 background-color: transparent; 115 background-color: transparent;
114 border: none; 116 border: none;
...@@ -124,5 +126,6 @@ input[type="text"], input[type="number"], input[type="email"], input[type="searc ...@@ -124,5 +126,6 @@ input[type="text"], input[type="number"], input[type="email"], input[type="searc
124 input { 126 input {
125 padding-right: $-l; 127 padding-right: $-l;
126 width: 300px; 128 width: 300px;
129 + max-width: 100%;
127 } 130 }
128 } 131 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -39,16 +39,16 @@ ...@@ -39,16 +39,16 @@
39 <header id="header"> 39 <header id="header">
40 <div class="container"> 40 <div class="container">
41 <div class="row"> 41 <div class="row">
42 - <div class="col-md-4"> 42 + <div class="col-md-4 col-sm-3">
43 <a href="/" class="logo">{{ Setting::get('app-name', 'BookStack') }}</a> 43 <a href="/" class="logo">{{ Setting::get('app-name', 'BookStack') }}</a>
44 </div> 44 </div>
45 - <div class="col-md-4 text-center"> 45 + <div class="col-md-4 col-sm-3 text-center">
46 <form action="/search/all" method="GET" class="search-box"> 46 <form action="/search/all" method="GET" class="search-box">
47 <input type="text" name="term" tabindex="2" value="{{ isset($searchTerm) ? $searchTerm : '' }}"> 47 <input type="text" name="term" tabindex="2" value="{{ isset($searchTerm) ? $searchTerm : '' }}">
48 <button class="text-button"><i class="zmdi zmdi-search"></i></button> 48 <button class="text-button"><i class="zmdi zmdi-search"></i></button>
49 </form> 49 </form>
50 </div> 50 </div>
51 - <div class="col-md-4"> 51 + <div class="col-md-4 col-sm-6">
52 <div class="float right"> 52 <div class="float right">
53 <div class="links text-center"> 53 <div class="links text-center">
54 <a href="/books"><i class="zmdi zmdi-book"></i>Books</a> 54 <a href="/books"><i class="zmdi zmdi-book"></i>Books</a>
......
...@@ -56,9 +56,18 @@ ...@@ -56,9 +56,18 @@
56 menubar: false, 56 menubar: false,
57 //height: 700, 57 //height: 700,
58 extended_valid_elements: 'pre[*]', 58 extended_valid_elements: 'pre[*]',
59 - plugins: "image table textcolor paste link imagetools fullscreen code", 59 + plugins: "image table textcolor paste link imagetools fullscreen code hr",
60 - toolbar: "code undo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image link | fullscreen", 60 + toolbar: "code undo | styleselect | hr bold italic underline strikethrough superscript subscript | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image link | fullscreen",
61 content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important; margin-left:auto!important;margin-right:auto!important;}", 61 content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important; margin-left:auto!important;margin-right:auto!important;}",
62 + style_formats: [
63 + {title: "Header 1", format: "h1"},
64 + {title: "Header 2", format: "h2"},
65 + {title: "Header 3", format: "h3"},
66 + {title: "Header 4", format: "h4"},
67 + {title: "Paragraph", format: "p"},
68 + {title: "Blockquote", format: "blockquote"},
69 + {title: "Code Block", icon: "code", format: "pre"}
70 + ],
62 file_browser_callback: function(field_name, url, type, win) { 71 file_browser_callback: function(field_name, url, type, win) {
63 ImageManager.show(function(image) { 72 ImageManager.show(function(image) {
64 win.document.getElementById(field_name).value = image.url; 73 win.document.getElementById(field_name).value = image.url;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <div class="faded-small"> 5 <div class="faded-small">
6 <div class="container"> 6 <div class="container">
7 <div class="row"> 7 <div class="row">
8 - <div class="col-md-6 faded"> 8 + <div class="col-sm-6 faded">
9 <div class="breadcrumbs"> 9 <div class="breadcrumbs">
10 <a href="{{$book->getUrl()}}" class="text-book text-button"><i class="zmdi zmdi-book"></i>{{ $book->name }}</a> 10 <a href="{{$book->getUrl()}}" class="text-book text-button"><i class="zmdi zmdi-book"></i>{{ $book->name }}</a>
11 @if($page->hasChapter()) 11 @if($page->hasChapter())
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 @endif 17 @endif
18 </div> 18 </div>
19 </div> 19 </div>
20 - <div class="col-md-6 faded"> 20 + <div class="col-sm-6 faded">
21 <div class="action-buttons"> 21 <div class="action-buttons">
22 @if($currentUser->can('page-update')) 22 @if($currentUser->can('page-update'))
23 <a href="{{$page->getUrl() . '/revisions'}}" class="text-primary text-button"><i class="zmdi zmdi-replay"></i>Revisions</a> 23 <a href="{{$page->getUrl() . '/revisions'}}" class="text-primary text-button"><i class="zmdi zmdi-replay"></i>Revisions</a>
......