From 7949f9216e8e420d58b2d23e9a74f6b52f940a8b Mon Sep 17 00:00:00 2001 From: codecalm Date: Mon, 2 Nov 2020 15:18:25 +0100 Subject: [PATCH] page header fixes --- src/pages/_includes/layout/content.html | 3 ++- src/pages/_includes/layout/page-header.html | 3 +++ src/pages/layout-combo.html | 6 ++---- src/pages/layout-condensed-dark.html | 6 ++---- src/pages/layout-condensed.html | 6 ++---- src/pages/layout-dark.html | 6 ++---- src/pages/layout-fluid-vertical.html | 4 +--- src/pages/layout-fluid.html | 4 +--- src/pages/layout-horizontal.html | 5 ++--- src/pages/layout-navbar-dark.html | 6 ++---- src/pages/layout-navbar-overlap.html | 4 +--- src/pages/layout-rtl.html | 5 ++--- src/pages/layout-vertical-right.html | 4 +--- src/pages/layout-vertical.html | 4 +--- src/scss/_variables.scss | 2 +- src/scss/layout/_page.scss | 8 ++++++++ src/scss/ui/_buttons.scss | 16 ++++++++-------- 17 files changed, 41 insertions(+), 51 deletions(-) diff --git a/src/pages/_includes/layout/content.html b/src/pages/_includes/layout/content.html index 0da1bf2c3..fa240e207 100644 --- a/src/pages/_includes/layout/content.html +++ b/src/pages/_includes/layout/content.html @@ -7,8 +7,9 @@ {% assign actions = page.page-header-actions | default: layout.page-header-actions %} {% assign pretitle = page.page-header-pretitle | default: layout.page-header-pretitle %} {% assign class = page.page-header-class | default: layout.page-header-class %} + {% assign icon = page.page-header-icon | default: layout.page-header-icon %} - {% include layout/page-header.html title=page-header description=description actions=actions pretitle=pretitle class=class %} + {% include layout/page-header.html title=page-header description=description actions=actions pretitle=pretitle icon=icon class=class %} {% endif %} {{ content }} diff --git a/src/pages/_includes/layout/page-header.html b/src/pages/_includes/layout/page-header.html index 5ce717a6b..4fa4e5a47 100644 --- a/src/pages/_includes/layout/page-header.html +++ b/src/pages/_includes/layout/page-header.html @@ -10,6 +10,9 @@ {% endif %}

+ {% if include.icon %} + {% include ui/icon.html icon=include.icon %} + {% endif %} {{ include.title }}

diff --git a/src/pages/layout-combo.html b/src/pages/layout-combo.html index 2507389f1..3ede357ea 100644 --- a/src/pages/layout-combo.html +++ b/src/pages/layout-combo.html @@ -7,7 +7,5 @@ layout-navbar-hide-brand: true layout-navbar-hide-menu: true layout-navbar-class: "d-none d-lg-flex" layout-navbar-condensed: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world ---- - -{% include layout/homepage.html %} \ No newline at end of file +layout: homepage +--- \ No newline at end of file diff --git a/src/pages/layout-condensed-dark.html b/src/pages/layout-condensed-dark.html index c46c53626..55c9ef0f4 100644 --- a/src/pages/layout-condensed-dark.html +++ b/src/pages/layout-condensed-dark.html @@ -3,7 +3,5 @@ page-header: Condensed dark layout menu: layout.condensed-dark layout-navbar-condensed: true layout-navbar-dark: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world ---- - -{% include layout/homepage.html %} \ No newline at end of file +layout: homepage +--- \ No newline at end of file diff --git a/src/pages/layout-condensed.html b/src/pages/layout-condensed.html index 6f94dc832..e06d19ae0 100644 --- a/src/pages/layout-condensed.html +++ b/src/pages/layout-condensed.html @@ -2,7 +2,5 @@ page-header: Condensed layout menu: layout.condensed layout-navbar-condensed: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world ---- - -{% include layout/homepage.html %} \ No newline at end of file +layout: homepage +--- \ No newline at end of file diff --git a/src/pages/layout-dark.html b/src/pages/layout-dark.html index bb30d2771..b774450df 100644 --- a/src/pages/layout-dark.html +++ b/src/pages/layout-dark.html @@ -2,7 +2,5 @@ page-header: Dark mode menu: layout.dark-mode layout-dark: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world ---- - -{% include layout/homepage.html %} +layout: homepage +--- \ No newline at end of file diff --git a/src/pages/layout-fluid-vertical.html b/src/pages/layout-fluid-vertical.html index 45b68ac26..61bad99e7 100644 --- a/src/pages/layout-fluid-vertical.html +++ b/src/pages/layout-fluid-vertical.html @@ -5,7 +5,5 @@ layout-fluid: true layout-sidebar: true layout-sidebar-dark: true layout-hide-topbar: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world +layout: homepage --- - -{% include layout/homepage.html %} diff --git a/src/pages/layout-fluid.html b/src/pages/layout-fluid.html index 03f60ff4f..74f6635ab 100644 --- a/src/pages/layout-fluid.html +++ b/src/pages/layout-fluid.html @@ -2,7 +2,5 @@ page-header: Fluid layout menu: layout.fluid layout-fluid: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world +layout: homepage --- - -{% include layout/homepage.html %} diff --git a/src/pages/layout-horizontal.html b/src/pages/layout-horizontal.html index 2339ba950..b448f0ca4 100644 --- a/src/pages/layout-horizontal.html +++ b/src/pages/layout-horizontal.html @@ -2,6 +2,5 @@ page-header: Horizontal layout menu: layout.horizontal libs: jquery, apexcharts, peity, jqvmap, jqvmap-world ---- - -{% include layout/homepage.html %} \ No newline at end of file +layout: homepage +--- \ No newline at end of file diff --git a/src/pages/layout-navbar-dark.html b/src/pages/layout-navbar-dark.html index 9fbb830e8..46f507b30 100644 --- a/src/pages/layout-navbar-dark.html +++ b/src/pages/layout-navbar-dark.html @@ -2,7 +2,5 @@ page-header: Navbar dark menu: layout.navbar-dark layout-navbar-dark: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world ---- - -{% include layout/homepage.html %} \ No newline at end of file +layout: homepage +--- \ No newline at end of file diff --git a/src/pages/layout-navbar-overlap.html b/src/pages/layout-navbar-overlap.html index a1c025539..24fccfc67 100644 --- a/src/pages/layout-navbar-overlap.html +++ b/src/pages/layout-navbar-overlap.html @@ -5,7 +5,5 @@ layout-navbar-overlap: true layout-navbar-condensed: true layout-navbar-dark: true page-header-class: text-white -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world +layout: homepage --- - -{% include layout/homepage.html %} diff --git a/src/pages/layout-rtl.html b/src/pages/layout-rtl.html index 12d5ffe20..4c6d00858 100644 --- a/src/pages/layout-rtl.html +++ b/src/pages/layout-rtl.html @@ -1,8 +1,7 @@ --- +page-header: RTL mode menu: home rtl: true -layout: homepage title: RTL mode +layout: homepage --- - -{% include layout/homepage.html %} diff --git a/src/pages/layout-vertical-right.html b/src/pages/layout-vertical-right.html index 9e896a580..5d77e4394 100644 --- a/src/pages/layout-vertical-right.html +++ b/src/pages/layout-vertical-right.html @@ -4,7 +4,5 @@ menu: layout.vertical-right layout-sidebar: true layout-sidebar-right: true layout-hide-topbar: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world +layout: homepage --- - -{% include layout/homepage.html %} \ No newline at end of file diff --git a/src/pages/layout-vertical.html b/src/pages/layout-vertical.html index 0c6cabf73..632827dbc 100644 --- a/src/pages/layout-vertical.html +++ b/src/pages/layout-vertical.html @@ -4,7 +4,5 @@ menu: layout.vertical layout-sidebar: true layout-sidebar-dark: true layout-hide-topbar: true -libs: jquery, apexcharts, peity, jqvmap, jqvmap-world +layout: homepage --- - -{% include layout/homepage.html %} \ No newline at end of file diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 98a99e46b..6d3057d38 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -77,7 +77,7 @@ $light: #f5f7fb !default; $dark: #354052 !default; $body-bg: $light !default; -$body-color: #252f3f !default; +$body-color: $dark !default; $color-contrast-dark: $dark !default; $color-contrast-light: $light !default; diff --git a/src/scss/layout/_page.scss b/src/scss/layout/_page.scss index 0780b6c15..6e3e6b6e0 100644 --- a/src/scss/layout/_page.scss +++ b/src/scss/layout/_page.scss @@ -43,4 +43,12 @@ line-height: $h2-line-height; font-weight: $font-weight-medium; color: inherit; + display: flex; + align-items: center; + + svg { + width: 1.5rem; + height: 1.5rem; + margin-inline-end: .25rem; + } } diff --git a/src/scss/ui/_buttons.scss b/src/scss/ui/_buttons.scss index 1a1d33fe3..4f28b0bfb 100644 --- a/src/scss/ui/_buttons.scss +++ b/src/scss/ui/_buttons.scss @@ -2,12 +2,12 @@ display: inline-flex; align-items: center; justify-content: center; - color: inherit; + color: $body-color; background-color: $white; border-color: $border-color-dark-transparent; &:hover { - color: inherit; + color: $body-color; border-color: $text-muted-light; } @@ -24,8 +24,8 @@ svg { width: 1.25rem; height: 1.25rem; - margin: 0 .5rem 0; - margin-inline-start: -.25rem; + margin: 0 .25rem 0; + margin-inline-start: -.5rem; vertical-align: bottom; } @@ -33,13 +33,13 @@ width: 1.25rem; height: 1.25rem; vertical-align: text-top; - margin: 0 .5rem 0; - margin-inline-start: -.25rem; + margin: 0 .25rem 0; + margin-inline-start: -.5rem; } .icon-right { - margin: 0 .5rem 0; - margin-inline-end: -.25rem; + margin: 0 .25rem 0; + margin-inline-end: -.5rem; } .badge {