Hopiu/wagtail
1
0
Fork 0
mirror of https://github.com/Hopiu/wagtail.git synced 2026-03-16 22:10:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Show 'Close Explorer' button on mobile viewports. Fix #5396 (#5773)

Browse source 
* Rework 'Close Explorer' button css so that it does not rely on u-hidden. Fixes issue #5396
* Update tests due to changed css classes on 'close explorer' button
This commit is contained in:
Sævar Öfjörð Magnússon 2020-01-23 16:18:15 +00:00 committed by Thibaud Colas
parent ef6ace6e98
commit 9b64b39f4b
3 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/src/components/Explorer/Explorer.scss
View file

@ -58,6 +58,7 @@ $menu-footer-height: 50px;
color: $c-explorer-secondary;
border-bottom: 1px solid rgba(200, 200, 200, 0.1);
cursor: pointer;
display: none;
&:focus {
background-color: $c-explorer-bg-active;

2
client/src/components/Explorer/ExplorerPanel.js
View file

@ -146,7 +146,7 @@ class ExplorerPanel extends React.Component {
onDeactivate: onClose,
}}
>
<Button className="c-explorer__close u-hidden" onClick={onClose}>
<Button className="c-explorer__close" onClick={onClose}>
{STRINGS.CLOSE_EXPLORER}
</Button>
<Transition name={transition} className="c-explorer" component="nav" label={STRINGS.PAGE_EXPLORER}>

10
client/src/components/Explorer/__snapshots__/ExplorerPanel.test.js.snap
View file

@ -17,7 +17,7 @@ exports[`ExplorerPanel general rendering #isError 1`] = `
>
<Button
accessibleLabel={null}
className="c-explorer__close u-hidden"
className="c-explorer__close"
dialogTrigger={false}
href="#"
icon=""
@ -96,7 +96,7 @@ exports[`ExplorerPanel general rendering #isFetching 1`] = `
>
<Button
accessibleLabel={null}
className="c-explorer__close u-hidden"
className="c-explorer__close"
dialogTrigger={false}
href="#"
icon=""
@ -165,7 +165,7 @@ exports[`ExplorerPanel general rendering #items 1`] = `
>
<Button
accessibleLabel={null}
className="c-explorer__close u-hidden"
className="c-explorer__close"
dialogTrigger={false}
href="#"
icon=""
@ -259,7 +259,7 @@ exports[`ExplorerPanel general rendering no children 1`] = `
>
<Button
accessibleLabel={null}
className="c-explorer__close u-hidden"
className="c-explorer__close"
dialogTrigger={false}
href="#"
icon=""
@ -322,7 +322,7 @@ exports[`ExplorerPanel general rendering renders 1`] = `
>
<Button
accessibleLabel={null}
className="c-explorer__close u-hidden"
className="c-explorer__close"
dialogTrigger={false}
href="#"
icon=""