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/css/home.css') 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 From f124114eb1e08c1349396de70abdabfa99f445ca Mon Sep 17 00:00:00 2001 From: vincent-peugnet Date: Fri, 17 Jan 2020 18:19:41 +0100 Subject: css cleaning --- assets/css/home.css | 25 ++++--------------------- 1 file changed, 4 insertions(+), 21 deletions(-) (limited to 'assets/css/home.css') diff --git a/assets/css/home.css b/assets/css/home.css index 89076ef..a51fbb7 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -18,7 +18,7 @@ div#options, article#main { -main.home { +main { display: flex; height: 100%; /* width: 100%; */ @@ -143,7 +143,7 @@ h1, h2 { -main.media div, main.home div#options, main.info nav, main article { +main.info nav, main article { border: solid 1px dimgrey; margin: 1%; background-color: lightgrey; @@ -238,10 +238,6 @@ main.font table#fontlist { max-width: 500px; } -main.media table#medialist { - width: 100%; - max-width: 960px; -} #topbar a.actualpage { text-decoration: underline; @@ -258,13 +254,6 @@ a:hover img.icon { } - - -main.media table#faviconlist { - width: 100%; - max-width: 640px; -} - main.info ul i { color: grey; } @@ -355,13 +344,7 @@ main.media table#medialist .thumbnail:hover img { } -main.media form { - margin: 0.5%; -} -main.media div#tree, main.media div#explorer { - display: inline-grid; -} main.media code { color: #9cbfe8; @@ -465,13 +448,13 @@ main.timeline li.event { -section.pages { +main section { display: flex; flex-direction: column; max-width: calc(100% - 160px); } -.home nav { +main nav { display: flex; flex-direction: column; height: 100%; -- cgit v1.2.3 From 227a2a35d64db87d889f7a44101f11a117b8e06a Mon Sep 17 00:00:00 2001 From: vincent-peugnet Date: Sat, 18 Jan 2020 16:35:20 +0100 Subject: refactoring medialist --- assets/css/home.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'assets/css/home.css') diff --git a/assets/css/home.css b/assets/css/home.css index a51fbb7..684792c 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -357,6 +357,9 @@ main.media code { td.code { background-color: darkslategrey; + max-width: 250px; + white-space: nowrap; + overflow: hidden; } -- cgit v1.2.3 From 49273cba81ea86639a23dfd5a43bda2f6b01f075 Mon Sep 17 00:00:00 2001 From: vincent-peugnet Date: Mon, 20 Jan 2020 01:56:57 +0100 Subject: fix media little problems --- assets/css/home.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'assets/css/home.css') diff --git a/assets/css/home.css b/assets/css/home.css index 684792c..e36cd19 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -353,6 +353,10 @@ main.media code { padding: 1px; } +nav.media span#currentdir { + color: hsla(213, 70%, 40%, 1); +} + td.code { @@ -511,4 +515,5 @@ footer { height: 23px; } -} \ No newline at end of file +} + -- cgit v1.2.3