webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-31 15:24:31 +03:00
Code Activity

Fixed large content previews and improved mobile styles

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/assets/sass/_header.scss
View File

@ -210,7 +210,7 @@ header .search-box {
@include smaller-than($m) {
.breadcrumbs .text-button, .action-buttons .text-button {
padding: $-s $-xs;
padding: $-xs $-xs;
}
.action-buttons .dropdown-container:last-child a {
padding-left: $-xs;
@ -218,6 +218,9 @@ header .search-box {
.breadcrumbs .text-button {
font-size: 0;
}
.breadcrumbs .text-button svg {
font-size: $fs-m;
}
.breadcrumbs a i {
font-size: $fs-m;
padding-right: 0;
@ -225,6 +228,9 @@ header .search-box {
.breadcrumbs span.sep {
padding: 0 $-xxs;
}
.toolbar .col-xs-1:first-child {
padding-right: 0;
}
}
.nav-tabs {

6
resources/assets/sass/_lists.scss
View File

@ -55,6 +55,12 @@
}
}
@include smaller-than($s) {
.page-list h4 {
font-size: 1.333em;
}
}
.sidebar-page-nav {
$nav-indent: $-s;
list-style: none;

20
resources/assets/sass/_text.scss
View File

@ -61,6 +61,24 @@ h5, h6 {
margin-bottom: 0.66em;
}
@include smaller-than($s) {
h1 {
font-size: 2.8275em;
}
h2 {
font-size: 2.333em;
}
h3 {
font-size: 1.666em;
}
h4 {
font-size: 1.333em;
}
h5 {
font-size: 1.161616em;
}
}
/*
* Link styling
*/
@ -374,8 +392,8 @@ li.checkbox-item, li.task-list-item {
}
.break-text {
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
}
/**