Add semi-transparent border around explorer menu

Fixes #2519. Fix provided by @alexgleason
pull/2555/head
Matt Westcott 2016-05-03 15:47:30 +01:00
rodzic b727ec4064
commit 796239b7d9
3 zmienionych plików z 13 dodań i 0 usunięć

Wyświetl plik

@ -34,6 +34,7 @@ Changelog
* Fix: All admin forms that could potentially include file upload fields now specify `multipart/form-data` where appropriate (Tim Heap) * Fix: All admin forms that could potentially include file upload fields now specify `multipart/form-data` where appropriate (Tim Heap)
* Fix: REM units in Wagtailuserbar caused incorrect spacing (Vincent Audebert) * Fix: REM units in Wagtailuserbar caused incorrect spacing (Vincent Audebert)
* Fix: Explorer menu no longer scrolls with page content (Vincent Audebert) * Fix: Explorer menu no longer scrolls with page content (Vincent Audebert)
* Fix: Border added around explorer menu to stop it blending in with StreamField block listing (Alex Gleason)
1.4.4 (xx.xx.2016) 1.4.4 (xx.xx.2016)

Wyświetl plik

@ -63,6 +63,7 @@ Bug fixes
* All admin forms that could potentially include file upload fields now specify ``multipart/form-data`` where appropriate (Tim Heap) * All admin forms that could potentially include file upload fields now specify ``multipart/form-data`` where appropriate (Tim Heap)
* REM units in Wagtailuserbar caused incorrect spacing (Vincent Audebert) * REM units in Wagtailuserbar caused incorrect spacing (Vincent Audebert)
* Explorer menu no longer scrolls with page content (Vincent Audebert) * Explorer menu no longer scrolls with page content (Vincent Audebert)
* Border added around explorer menu to stop it blending in with StreamField block listing (Alex Gleason)
Upgrade considerations Upgrade considerations

Wyświetl plik

@ -416,6 +416,17 @@ body.explorer-open {
display: none; display: none;
} }
.explorer:after {
content: '';
width: calc(100% - 2px);
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: -1;
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
}
.nav-main { .nav-main {
display: block; display: block;
} }