From a45150998d1807d9a2e35346fe168845bd8b9b38 Mon Sep 17 00:00:00 2001 From: Daniel Siepmann Date: Thu, 23 Jan 2020 10:06:00 +0100 Subject: [PATCH] Add full page size layout --- .../WebLayout/BackendLayouts/Full.tsconfig | 22 ++++++++++++++++ Resources/Private/Layouts/Page/Full.html | 21 +++++++++++++++ Resources/Private/Sass/Frontend/_layout.scss | 2 +- ..._blogPost.scss => _blogPost-and-full.scss} | 2 ++ Resources/Private/Templates/Page/Full.html | 26 +++++++++++++++++++ 5 files changed, 72 insertions(+), 1 deletion(-) create mode 100644 Configuration/PageTSconfig/Mod/WebLayout/BackendLayouts/Full.tsconfig create mode 100644 Resources/Private/Layouts/Page/Full.html rename Resources/Private/Sass/Frontend/layout/page/{_blogPost.scss => _blogPost-and-full.scss} (93%) create mode 100644 Resources/Private/Templates/Page/Full.html diff --git a/Configuration/PageTSconfig/Mod/WebLayout/BackendLayouts/Full.tsconfig b/Configuration/PageTSconfig/Mod/WebLayout/BackendLayouts/Full.tsconfig new file mode 100644 index 0000000..0689a15 --- /dev/null +++ b/Configuration/PageTSconfig/Mod/WebLayout/BackendLayouts/Full.tsconfig @@ -0,0 +1,22 @@ +mod.web_layout.BackendLayouts { + full { + title = Full + icon = content-panel + config { + backend_layout { + colCount = 1 + rowCount = 1 + rows { + 1 { + columns { + 1 { + name = Content + colPos = 0 + } + } + } + } + } + } + } +} diff --git a/Resources/Private/Layouts/Page/Full.html b/Resources/Private/Layouts/Page/Full.html new file mode 100644 index 0000000..2f03cee --- /dev/null +++ b/Resources/Private/Layouts/Page/Full.html @@ -0,0 +1,21 @@ + + + {f:render(partial: 'Header', arguments: _all) -> f:spaceless()} + +
+
+

{data.title}

+
+ +
+ + + {f:render(section: 'Content', arguments: _all)} +
+
+ + {f:render(partial: 'Footer', arguments: _all)} + diff --git a/Resources/Private/Sass/Frontend/_layout.scss b/Resources/Private/Sass/Frontend/_layout.scss index 47b5906..6238e2c 100644 --- a/Resources/Private/Sass/Frontend/_layout.scss +++ b/Resources/Private/Sass/Frontend/_layout.scss @@ -2,7 +2,7 @@ @import "layout/header"; @import "layout/footer"; @import "layout/content"; -@import "layout/page/blogPost"; +@import "layout/page/blogPost-and-full"; body { @extend .container; diff --git a/Resources/Private/Sass/Frontend/layout/page/_blogPost.scss b/Resources/Private/Sass/Frontend/layout/page/_blogPost-and-full.scss similarity index 93% rename from Resources/Private/Sass/Frontend/layout/page/_blogPost.scss rename to Resources/Private/Sass/Frontend/layout/page/_blogPost-and-full.scss index 240dc07..00eaae1 100644 --- a/Resources/Private/Sass/Frontend/layout/page/_blogPost.scss +++ b/Resources/Private/Sass/Frontend/layout/page/_blogPost-and-full.scss @@ -1,3 +1,4 @@ +body.LayoutFull, body.LayoutBlogPost { article { @extend .row; @@ -21,6 +22,7 @@ body.LayoutBlogPost { } @media (max-width: 1023px) { + body.LayoutFull, body.LayoutBlogPost { article, article > main { diff --git a/Resources/Private/Templates/Page/Full.html b/Resources/Private/Templates/Page/Full.html new file mode 100644 index 0000000..74f4358 --- /dev/null +++ b/Resources/Private/Templates/Page/Full.html @@ -0,0 +1,26 @@ + + + + + +
{contentMain -> f:format.raw()}
+ + + + + +