From f9a0485ce95e1c94a017a5fb59f602b2a72a9480 Mon Sep 17 00:00:00 2001 From: Kuldeep M Date: Thu, 13 Jun 2019 23:23:38 +0100 Subject: [PATCH] [bug] fix header border filling full width --- css/base.css | 2 +- css/header.css | 14 +++++++++++--- js/version.js | 2 +- 3 files changed, 13 insertions(+), 5 deletions(-) diff --git a/css/base.css b/css/base.css index 491407dc..df333720 100755 --- a/css/base.css +++ b/css/base.css @@ -56,7 +56,7 @@ --font-fjalla: "Fjalla One Regular", sans-serif; --header-area-width: 100%; --header-shade-color: transparent; - --header-shade-opacity: none; + --header-shade-opacity: 0.95; --header-search-width: 0%; --header-border-top: 0; --header-border-bottom: 0; diff --git a/css/header.css b/css/header.css index d26475ef..1ec8c977 100755 --- a/css/header.css +++ b/css/header.css @@ -48,6 +48,14 @@ animation: none; } +.is-header-border-top .header-shade { + border-top: calc(var(--line-width) * var(--header-border-top)) solid rgb(var(--theme-accent)); +} + +.is-header-border-bottom .header-shade { + border-bottom: calc(var(--line-width) * var(--header-border-bottom)) solid rgb(var(--theme-accent)); +} + .header-area { padding: calc(var(--gutter) * var(--layout-padding-multiplier)); position: relative; @@ -55,14 +63,14 @@ } .is-header-border-top .header-area { - border-top: calc(var(--line-width) * var(--header-border-top)) solid rgb(var(--theme-accent)); + border-top: calc(var(--line-width) * var(--header-border-top)) solid transparent; } .is-header-border-bottom .header-area { - border-bottom: calc(var(--line-width) * var(--header-border-bottom)) solid rgb(var(--theme-accent)); + border-bottom: calc(var(--line-width) * var(--header-border-bottom)) solid transparent; } -.is-header-radius .header-area { +.is-header-radius .header-shade { border-radius: calc(var(--theme-radius) * 4); } diff --git a/js/version.js b/js/version.js index bebb124c..1aad14ab 100644 --- a/js/version.js +++ b/js/version.js @@ -1,7 +1,7 @@ var version = (function() { // version is normally bumped when the state needs changing or any new functionality is added - var current = "3.10.0"; + var current = "3.10.1"; var compare = function(a, b) { var pa = a.split(".");