[bug] fix header border filling full width

zombieFox · zombieFox · commit f9a0485ce95e · 2019-06-13T23:23:38.000+01:00
diff --git 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
@@ -48,21 +48,29 @@
 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;
 width: var(--header-area-width);
 }
 
 .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
@@ -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(".");

-Original file line number
+Diff line change
 --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;
Original file line number	Diff line number	Diff line change
`@@ -48,21 +48,29 @@`
`48`	`48`	`animation: none;`
`49`	`49`	`}`
`50`	`50`
	`51`	`+.is-header-border-top .header-shade{`
	`52`	`+border-top:calc(var(--line-width) *var(--header-border-top)) solid rgb(var(--theme-accent));`
	`53`	`+}`
	`54`	`+`
	`55`	`+.is-header-border-bottom .header-shade{`
	`56`	`+border-bottom:calc(var(--line-width) *var(--header-border-bottom)) solid rgb(var(--theme-accent));`
	`57`	`+}`
	`58`	`+`
`51`	`59`	`.header-area{`
`52`	`60`	`padding:calc(var(--gutter) *var(--layout-padding-multiplier));`
`53`	`61`	`position: relative;`
`54`	`62`	`width:var(--header-area-width);`
`55`	`63`	`}`
`56`	`64`
`57`	`65`	`.is-header-border-top .header-area{`
`58`		`-border-top:calc(var(--line-width) *var(--header-border-top)) solid rgb(var(--theme-accent));`
	`66`	`+border-top:calc(var(--line-width) *var(--header-border-top)) solid transparent;`
`59`	`67`	`}`
`60`	`68`
`61`	`69`	`.is-header-border-bottom .header-area{`
`62`		`-border-bottom:calc(var(--line-width) *var(--header-border-bottom)) solid rgb(var(--theme-accent));`
	`70`	`+border-bottom:calc(var(--line-width) *var(--header-border-bottom)) solid transparent;`
`63`	`71`	`}`
`64`	`72`
`65`		`-.is-header-radius .header-area{`
	`73`	`+.is-header-radius .header-shade{`
`66`	`74`	`border-radius:calc(var(--theme-radius) *4);`
`67`	`75`	`}`
`68`	`76`
-Original file line number
+Diff line change
@@ @@ -1,7 +1,7 @@ @@
 varversion=(function(){
 // version is normally bumped when the state needs changing or any new functionality is added
 -varcurrent="3.10.0";
 +varcurrent="3.10.1";
 varcompare=function(a,b){
 varpa=a.split(".");