This is an automated email from the ASF dual-hosted git repository.
dklco pushed a commit to branch SLING-7858
in repository
https://gitbox.apache.org/repos/asf/sling-org-apache-sling-app-cms.git
The following commit(s) were added to refs/heads/SLING-7858 by this push:
new ff4bbeb Fixing the layout in tablet and handling the background
scrolling
ff4bbeb is described below
commit ff4bbeb784f6b1f67073f61cf9adaf636a4dfdb0
Author: Dan Klco <[email protected]>
AuthorDate: Tue Sep 4 11:53:35 2018 -0400
Fixing the layout in tablet and handling the background scrolling
---
ui/src/main/frontend/src/scss/cms.scss | 11 +++++++----
1 file changed, 7 insertions(+), 4 deletions(-)
diff --git a/ui/src/main/frontend/src/scss/cms.scss
b/ui/src/main/frontend/src/scss/cms.scss
index c2677ba..6e34ac1 100644
--- a/ui/src/main/frontend/src/scss/cms.scss
+++ b/ui/src/main/frontend/src/scss/cms.scss
@@ -21,11 +21,14 @@
@import 'overrides';
@import "../../node_modules/bulma/bulma.sass";
@import "../../node_modules/datatables-bulma/css/dataTables.bulma.css";
-
body.cms {
- background: url(../img/gradient.jpg) no-repeat;
- background-attachment: fixed;
- height: 100%;
+ min-height: 100vh;
+ @media screen and (min-width: $tablet), print {
+ background: url(../img/gradient.jpg) no-repeat;
+ }
+ @media screen and (min-width: $tablet) and (max-width: $desktop - 1px) {
+ padding-left: 2em;
+ }
}
h1 {
