From 48f16e4439a253a99251b75db2a62e8e79e6be0b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Sat, 6 Jan 2018 22:05:34 +0100 Subject: [PATCH] Fix date picker not visible in slideshow sharing dialog MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The z-index for the date picker is forced in the server CSS files to "1111" through the use of "!important", so even if a higher value is explicitly set in the "style" attribute of the element the value set in the server CSS files is the one used. As the z-index of the slideshow is "100000" and the date picker is added as a sibling of it and not as a child the date picker appears behind the slideshow. In order to be visible the date picker needs to override the z-index set in the server CSS files to be higher than the one used for the slideshow and for the share dialog shown in the slideshow. Signed-off-by: Daniel Calviño Sánchez --- css/slideshow.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/css/slideshow.css b/css/slideshow.css index 4a43d1789..355c00f53 100644 --- a/css/slideshow.css +++ b/css/slideshow.css @@ -200,3 +200,10 @@ /** above slideshow buttons */ z-index: 100001; } + +#slideshow ~ .ui-datepicker { + /* Larger than the slideshow share dropdown z-index, and important + to override both the important z-index from the server and the + value set in the element by jQuery UI Datepicker Widget */ + z-index: 100010 !important; +}