[bug] fix link item focus state border radius

zombieFox · zombieFox · commit 73d2795018ac · 2019-12-22T12:13:30.000Z
diff --git a/src/css/link.css b/src/css/link.css
@@ -225,14 +225,16 @@
 height: calc(100% - var(--link-item-url-height));
 }
 
-.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:hover .link-panel-front,
-.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:focus .link-panel-front{
+.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:focus .link-panel-front,
+.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:focus-within .link-panel-front,
+.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:hover .link-panel-front{
 border-top-left-radius: calc(var(--theme-radius) / 4);
 border-top-right-radius: calc(var(--theme-radius) / 4);
 }
 
-.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:hover .link-panel-front,
-.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:focus .link-panel-front{
+.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:focus .link-panel-front,
+.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:focus-within .link-panel-front,
+.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:hover .link-panel-front{
 border-bottom-left-radius: calc(var(--theme-radius) / 4);
 border-bottom-right-radius: calc(var(--theme-radius) / 4);
 }

Original file line number	Diff line number	Diff line change
`@@ -225,14 +225,16 @@`
`225`	`225`	`height:calc(100%-var(--link-item-url-height));`
`226`	`226`	`}`
`227`	`227`
`228`		`-.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:hover .link-panel-front,`
`229`		`-.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:focus .link-panel-front{`
	`228`	`+.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:focus .link-panel-front,`
	`229`	`+.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:focus-within .link-panel-front,`
	`230`	`+.is-theme-radius.is-link-item-url-show.is-link-orientation-top .link-item:hover .link-panel-front{`
`230`	`231`	`border-top-left-radius:calc(var(--theme-radius) /4);`
`231`	`232`	`border-top-right-radius:calc(var(--theme-radius) /4);`
`232`	`233`	`}`
`233`	`234`
`234`		`-.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:hover .link-panel-front,`
`235`		`-.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:focus .link-panel-front{`
	`235`	`+.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:focus .link-panel-front,`
	`236`	`+.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:focus-within .link-panel-front,`
	`237`	`+.is-theme-radius.is-link-item-url-show.is-link-orientation-bottom .link-item:hover .link-panel-front{`
`236`	`238`	`border-bottom-left-radius:calc(var(--theme-radius) /4);`
`237`	`239`	`border-bottom-right-radius:calc(var(--theme-radius) /4);`
`238`	`240`	`}`