diff --git a/css/_search.css b/css/_search.css index e5a67f3..1a96265 100644 --- a/css/_search.css +++ b/css/_search.css @@ -80,8 +80,7 @@ display: flex; flex-direction: row-reverse; align-items: center; - margin-left: 1em; - justify-content: space-evenly; + justify-content: end; } /* .JSpopup */ diff --git a/css/plugin.less b/css/plugin.less index 4460e0c..9392aa6 100644 --- a/css/plugin.less +++ b/css/plugin.less @@ -12,10 +12,10 @@ .dokuwiki div.plugin_translation { margin: 0 ; float: none; - margin-bottom: 1em; text-align: inherit; + /*margin-bottom: 1em; display:flex; - flex-direction: column; + flex-direction: column;*/ } .dokuwiki div.plugin_translation ul li a.wikilink1:link, .dokuwiki div.plugin_translation ul li a.wikilink1:hover, .dokuwiki div.plugin_translation ul li a.wikilink1:active, .dokuwiki div.plugin_translation ul li a.wikilink1:visited { @@ -38,6 +38,13 @@ background-color: @ini_neutral4; } +.kh_translate { + display: flex; + align-items: center; + height:1em; + margin-bottom: 0.5em; +} + /*____________ Config manager ____________*/ #config__manager fieldset { background-color: @ini_background; diff --git a/css/tools.less b/css/tools.less index 9393ed9..01cb6b1 100644 --- a/css/tools.less +++ b/css/tools.less @@ -4,21 +4,83 @@ So, navbar too, and breadcrumbs. **/ /*____________ Navtool ____________*/ +.navtoolwrap { + width: @ini_navtool_width; + display: flex; +} .navtool { - width: @ini_navtool_width; + max-width:@ini_navtool_width; display: flex; flex-direction: column; margin-top: 3.5em; font-size: .875em; position: sticky; + align-self: flex-start; top: 1em; + + img { + width: 1em; + height: 1em; + } +} + +/* Afficher/cacher le détail du menu au survol */ +.navtool { + #qsearch__in { + display:none; + } + .no { + flex-direction: row; + justify-content: end !important; + } + span { + display:none; + } + .plugin_translation { + display:none ; + } + .cur { + display:none; + } + .user a { + display:none; + } +} + +.navtool:hover { + width: @ini_navtool_width; + #qsearch__in { + display:inline; + max-width: 90%; + } + span { + margin-left: 3px; + display:inline; + } + .plugin_translation { + display:flex ; + } + .plugin_translation span { + display:none; + } + + .cur { + display:inline; + } + .trace { + display:inline; + } + form.search div.no { + } + .user a { + display:block; + } } .bartool { background-color: @ini_background; padding: 0 1em; - hr { margin:1em 0; } @@ -40,27 +102,31 @@ So, navbar too, and breadcrumbs. list-style: none; margin: 0; display: flex; - } - li a { - display: flex; - flex-direction: row-reverse; - justify-content: end; - - span { - margin-left: 3px; + + a { + display: flex; + flex-direction: row-reverse; + justify-content: end; + /* add height to prevent jumping on hover */ + height:1.5em; + } } .user { display: flex; + align-items: center; + /* add height to prevent jumping on hover */ + height:1.5em; span { - margin-right: 0.3em; - margin-bottom: 0.5em; + margin: 0 0.3em; } + } } + /* highlight selected tool */ .mode_admin a.action.admin, .mode_login a.action.login, @@ -78,14 +144,9 @@ So, navbar too, and breadcrumbs. /*____________ Search ____________*/ /* juste the tool in navbar ; result search are in _search.css */ -.dokuwiki div.searchtool { - /*float: right;*/ - /*width: 29%;*/ -} - form.search { display: block; - margin-bottom: 0.5em; + height: 3em; input { padding: .35em; max-width: 95%; @@ -97,9 +158,9 @@ form.search { width: 1.2em; height: 14px; text-indent: -99999px; - margin-left: -20px; box-shadow: none; padding: 0; + margin: 0.6em 0; } } diff --git a/images/compass.svg b/images/compass.svg new file mode 100644 index 0000000..3d932a4 --- /dev/null +++ b/images/compass.svg @@ -0,0 +1,98 @@ + + diff --git a/images/lang.svg b/images/lang.svg new file mode 100644 index 0000000..3ff4f03 --- /dev/null +++ b/images/lang.svg @@ -0,0 +1,95 @@ + + diff --git a/images/perso.svg b/images/perso.svg new file mode 100644 index 0000000..0a7c5a1 --- /dev/null +++ b/images/perso.svg @@ -0,0 +1,64 @@ + + diff --git a/images/search.svg b/images/search.svg new file mode 100644 index 0000000..14c8261 --- /dev/null +++ b/images/search.svg @@ -0,0 +1,89 @@ + + diff --git a/images/youarehere.svg b/images/youarehere.svg new file mode 100644 index 0000000..4794aa3 --- /dev/null +++ b/images/youarehere.svg @@ -0,0 +1,92 @@ + + diff --git a/main.php b/main.php index 40285bb..2e67dc0 100644 --- a/main.php +++ b/main.php @@ -109,7 +109,6 @@ $showSidebar = $hasSidebar && ($ACT=='show');