Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-22 22:59:43 +02:00
Code Releases Activity

Improve responsive long content wrapping

Browse source
This commit is contained in:
Harvey Kandola 2019-01-13 09:40:22 +00:00
parent 984aa854e5
commit 2efd239d14
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
gui/app/styles/core/layout/master-internal.scss
View file

@ -136,6 +136,7 @@
.master-content { .master-content {
grid-column-start: 2; grid-column-start: 2;
padding: 20px; padding: 20px;
max-width: calc(100vw - 250px);
} }
} }
@ -235,6 +236,7 @@
.master-content { .master-content {
grid-column-start: 2; grid-column-start: 2;
padding: 20px; padding: 20px;
max-width: calc(100vw - 300px);
} }
} }
@ -319,6 +321,7 @@
.master-content { .master-content {
grid-column-start: 2; grid-column-start: 2;
padding: 40px 30px; padding: 40px 30px;
max-width: calc(100vw - 330px);
} }
} }
@ -350,11 +353,12 @@
@media (min-width: $display-break-4) { @media (min-width: $display-break-4) {
.master-container { .master-container {
display: grid; display: grid;
grid-template-columns: 370px minmax(auto, 1200px); grid-template-columns: 370px minmax(auto, 1200px);
.master-content { .master-content {
grid-column-start: 2; grid-column-start: 2;
padding: 40px 40px; padding: 40px 40px;
max-width: 1200px;
} }
} }