mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-11-23 02:28:27 +08: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-right: auto;
|
||||
margin-bottom: $-xl;
|
||||
overflow: auto;
|
||||
overflow: initial;
|
||||
min-height: 60vh;
|
||||
&.auto-height {
|
||||
min-height: 0;
|
||||
|
@ -202,7 +202,7 @@
|
|||
}
|
||||
@include smaller-than($s) {
|
||||
.content-wrap.card {
|
||||
padding: $-m $-s;
|
||||
padding: $-m $-m;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -291,15 +291,27 @@ li.checkbox-item, li.task-list-item {
|
|||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-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 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
|
||||
<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>
|
||||
<div class="text-right">
|
||||
<div class="text-m-right my-m">
|
||||
|
||||
@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 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>
|
||||
@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"
|
||||
class="button outline">{{ trans('entities.comment_add') }}</button>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue
Block a user