From f4c0ed5851c3c1a703d35ac746ca124b4279b4d9 Mon Sep 17 00:00:00 2001 From: vincent-peugnet Date: Fri, 17 Jan 2020 17:03:58 +0100 Subject: media ui menu bar --- assets/css/home.css | 46 +++++++++++++++++++++------------------------- 1 file changed, 21 insertions(+), 25 deletions(-) (limited to 'assets') diff --git a/assets/css/home.css b/assets/css/home.css index 0e5e4a1..89076ef 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -25,7 +25,7 @@ main.home { } -aside.home { +aside { display: flex; background-color: darkgrey; border-top: 1px solid grey; @@ -34,20 +34,20 @@ aside.home { -aside.home details, aside.home span { +aside details, aside span { width: 100%; max-width: 280px; } -aside.home details .submenu, aside.home summary { +aside details .submenu, aside summary { background-color: darkgrey; border-left: 1px solid grey; } -aside.home .submenu { +aside .submenu { position: absolute; border: solid 1px dimgrey; width: 20%; @@ -55,6 +55,21 @@ aside.home .submenu { } +aside summary { + color: grey; +} + +aside details > summary::-webkit-details-marker { + display: none; +} + + +aside summary:hover { + color: black; + cursor: pointer; +} + + aside.home details#bookmarks input[type="checkbox"] { opacity: 0.2; float: right; @@ -71,22 +86,8 @@ aside.home details#bookmarks ul { -aside.home summary { - color: grey; -} -aside.home details > summary::-webkit-details-marker { - display: none; -} - - -aside.home summary:hover { - color: black; - cursor: pointer; -} - - -details#selection code { +aside .submenu code { overflow: auto; display: block; white-space: nowrap; @@ -524,9 +525,4 @@ footer { height: 23px; } -} - - - - - +} \ No newline at end of file -- cgit v1.2.3