mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-26 20:22:18 +00:00
Fixed some body card horizontal scroll and column collapse issues
As mentoined in #1441
This commit is contained in:
parent
5aa741cb60
commit
a602cdf401
@ -181,7 +181,7 @@
|
|||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-bottom: $-xl;
|
margin-bottom: $-xl;
|
||||||
overflow: auto;
|
overflow: initial;
|
||||||
min-height: 60vh;
|
min-height: 60vh;
|
||||||
&.auto-height {
|
&.auto-height {
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
@ -202,7 +202,7 @@
|
|||||||
}
|
}
|
||||||
@include smaller-than($s) {
|
@include smaller-than($s) {
|
||||||
.content-wrap.card {
|
.content-wrap.card {
|
||||||
padding: $-m $-s;
|
padding: $-m $-m;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -291,15 +291,27 @@ li.checkbox-item, li.task-list-item {
|
|||||||
.text-center {
|
.text-center {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-left {
|
.text-left {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-right {
|
.text-right {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@each $sizeLetter, $size in $screen-sizes {
|
||||||
|
@include larger-than($size) {
|
||||||
|
.text-#{$sizeLetter}-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.text-#{$sizeLetter}-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.text-#{$sizeLetter}-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.text-bigger {
|
.text-bigger {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
|
|
||||||
<div class="content-wrap mt-m card">
|
<div class="content-wrap mt-m card">
|
||||||
<div class="grid half v-center">
|
<div class="grid half v-center no-row-gap">
|
||||||
<h1 class="list-heading">{{ trans('entities.books') }}</h1>
|
<h1 class="list-heading">{{ trans('entities.books') }}</h1>
|
||||||
<div class="text-right">
|
<div class="text-m-right my-m">
|
||||||
|
|
||||||
@include('partials.sort', ['options' => $sortOptions, 'order' => $order, 'sort' => $sort, 'type' => 'books'])
|
@include('partials.sort', ['options' => $sortOptions, 'order' => $order, 'sort' => $sort, 'type' => 'books'])
|
||||||
|
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
<div page-comments page-id="{{ $page->id }}" class="comments-list">
|
<div page-comments page-id="{{ $page->id }}" class="comments-list">
|
||||||
<div comment-count-bar class="grid half left-focus v-center">
|
<div comment-count-bar class="grid half left-focus v-center no-row-gap">
|
||||||
<h5 comments-title>{{ trans_choice('entities.comment_count', count($page->comments), ['count' => count($page->comments)]) }}</h5>
|
<h5 comments-title>{{ trans_choice('entities.comment_count', count($page->comments), ['count' => count($page->comments)]) }}</h5>
|
||||||
@if (count($page->comments) === 0)
|
@if (count($page->comments) === 0)
|
||||||
<div class="text-right" comment-add-button-container>
|
<div class="text-m-right" comment-add-button-container>
|
||||||
<button type="button" action="addComment"
|
<button type="button" action="addComment"
|
||||||
class="button outline">{{ trans('entities.comment_add') }}</button>
|
class="button outline">{{ trans('entities.comment_add') }}</button>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user