Fixed large content previews and improved mobile styles

Listing content previews no longer pre-wrap and instead simply break
correctly.
Updated titles to ensure they break on mobile devices.
Reduced spacing and font sizes on mobile to better adjust content to
screen size.

Fixes #739
This commit is contained in:
Dan Brown
2018-03-18 12:23:48 +00:00
parent 8828adfc9c
commit 8b27ce3296
6 changed files with 37 additions and 7 deletions

View File

@ -91,8 +91,8 @@
@section('body')
<div class="container small">
<h1>{{$book->name}}</h1>
<div class="container small nopad">
<h1 class="break-text" v-pre>{{$book->name}}</h1>
<div class="book-content" v-show="!searching">
<p class="text-muted" v-pre>{!! nl2br(e($book->description)) !!}</p>
@if(count($bookChildren) > 0)

View File

@ -96,8 +96,8 @@
@section('body')
<div class="container small">
<h1 v-pre>{{ $chapter->name }}</h1>
<div class="container small nopad">
<h1 class="break-text" v-pre>{{ $chapter->name }}</h1>
<div class="chapter-content" v-show="!searching">
<p v-pre class="text-muted break-text">{!! nl2br(e($chapter->description)) !!}</p>

View File

@ -1,6 +1,6 @@
<div ng-non-bindable>
<h1 id="bkmrk-page-title">{{$page->name}}</h1>
<h1 class="break-text" v-pre id="bkmrk-page-title">{{$page->name}}</h1>
<div style="clear:left;"></div>