diff --git a/Template.php b/Template.php index b2924d9..ba66389 100644 --- a/Template.php +++ b/Template.php @@ -205,4 +205,50 @@ class Template { echo $mobile; } } + + /** + * Add the current mode information to the hierarchical breadcrumbs + */ + public function breadcrumbSuffix() { + global $ACT; + global $lang; + global $INPUT; + global $ID; + global $conf; + global $IMG; + if($ACT == 'show') return; + + // find an apropriate label for the current mode + if($ACT) { + $label = tpl_getLang('mode_' . $ACT); + if(!$label) { + if(isset($lang['btn_' . $ACT])) { + $label = $lang['btn_' . $ACT]; + } else { + $label = $ACT; + } + } + } else { + // actually we would need to create a proper namespace breadcrumb path here, + // but this is the most simplest thing we can do for now + if(defined('DOKU_MEDIADETAIL')) { + $label = hsc(noNS($IMG)); + } else { + return; + } + } + + if($ACT == 'admin' && $INPUT->has('page')) { + $link = wl($ID, array('do' => 'admin')); + echo ' : ' . $label . ''; + + /** @var \DokuWiki_Admin_Plugin $plugin */ + $plugin = plugin_load('admin', $INPUT->str('page')); + if(!$plugin) return; + + $label = $plugin->getMenuText($conf['lang']); + } + + echo ' : ' . $label . ''; + } } diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less index 976d752..56d7b72 100644 --- a/css/area_main-content-secedit.less +++ b/css/area_main-content-secedit.less @@ -56,7 +56,7 @@ &::after { background-color: @ini_existing; - background-image: url("svg.php?svg=pencil.svg&f=background_content"); + background-image: url("svg.php?svg=pencil.svg&f=background"); border-color: @ini_existing; } } diff --git a/css/area_main-content.less b/css/area_main-content.less index da0ecd7..c851248 100755 --- a/css/area_main-content.less +++ b/css/area_main-content.less @@ -6,7 +6,7 @@ #dokuwiki__content.main-content { - .level2 { + div[class^="level"] { p a.media { img { border: 1px dotted @ini_background_site; @@ -23,7 +23,8 @@ } > div, - .section_highlight > div { + .section_highlight > div, + div[class^="level"] { > ul, > ol { &:not([class="tabs"]) > li { diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index 61fd70d..0fac304 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -10,9 +10,7 @@ @icon-size: @font-size-big; @menu-margin: @icon-size + @margin-small * 2; - nav > p, - .mmissuelist li, - .mmissuelist div { + nav > p { color: @ini_nav_menu_color; &.noissue { @@ -44,35 +42,6 @@ } } - - /* jira itemlist */ - .mmissuelist { - li { - &.noissue { - list-style-type: none; - margin-left: 0; - } - - a { - display: inline-block; - } - } - - img { - vertical-align: bottom; - margin-right: .3rem; - } - - .mm__status { - padding-left: .3rem; - padding-right: .3rem; - } - - form { - vertical-align: text-top; - } - } - > * { margin-left: @menu-margin; // moves *all* sidebar content to the right @@ -93,8 +62,14 @@ } } + // the wrapper around the toggle to reserve space + div.nav { + height: @icon-size + @margin-small; + border: 1px solid transparent; + } + // the toggle element - a.nav { + div.nav a { .display-flex(); .align-items(); @@ -154,7 +129,6 @@ border: 2px solid @ini_nav_menu_color; border-top-right-radius: 50%; border-bottom-left-radius: 50%; - transition: @transition border-color; } // real icon @@ -177,6 +151,11 @@ color: @ini_nav_menu_hover_color; text-decoration: none; + // always show label, even with collapsed sidebar + position: absolute; + z-index: 100; + width: 100%; + span.ico { border-color: inherit; @@ -278,24 +257,30 @@ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* max-width: 1023px */ +/* max-width: 1439px */ -@media @screen_max-md { - // show when toggled - body.show-mobile-sidebar { - .search.main-sidebar { - display: block !important; - position: relative; +@media @screen_max-xlg { + #dokuwiki__aside { + nav { + li:not([class]), + .li { + font-size: @font-size-default; - form { - margin-bottom: 1rem; - - .no { - display: block; + * { + font-size: inherit; + font-weight: inherit; } } } + } +} + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1023px */ + +@media @screen_max-md { + body.show-mobile-sidebar { #dokuwiki__aside { > nav { position: relative; @@ -320,7 +305,6 @@ } } - /* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* max-width: 1439px */ @@ -339,3 +323,4 @@ } } } + diff --git a/css/area_main-sidebar-search.less b/css/area_main-sidebar-search.less index eeef1b3..3440215 100644 --- a/css/area_main-sidebar-search.less +++ b/css/area_main-sidebar-search.less @@ -181,30 +181,32 @@ /* + + + + + wide page content + + + + + */ -.wide-content { - .search.main-sidebar { - p.toggleSearch { - position: relative; - z-index: 1; - display: block; - float: left; - width: 100%; - } - - form { - input { - border: 0 none; +@media @screen_min-md { + .wide-content { + .search.main-sidebar { + p.toggleSearch { + position: relative; + z-index: 1; + display: block; + float: left; + width: 100%; } - .no { - #qsearch__in { - width: 0; - padding: 0; - margin: 0; + form { + input { + border: 0 none; } - button[type="submit"] { - display: none; + .no { + #qsearch__in { + width: 0; + padding: 0; + margin: 0; + } + + button[type="submit"] { + display: none; + } } } } diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less index a744c0d..4ee796b 100755 --- a/css/area_nav-metabox.less +++ b/css/area_nav-metabox.less @@ -37,6 +37,11 @@ border: 0 none; } + + .msg-area + a { + clear: right; + margin-top: 20px; + } + .tab-container { display: table; @@ -124,6 +129,7 @@ * { cursor: pointer; color: inherit; + font-size: inherit; } .prefix { @@ -294,9 +300,38 @@ } } - + .msg-area + a { - clear: right; - margin-top: 20px; + +/* + + + + + tab issues + + + + + */ + #spr__tab-issues { + ul.mmissuelist { + padding-left: 0; + margin-top: 1rem; + + li { + &.noissue { + list-style-type: none; + margin-left: 0; + } + + a { + display: inline-block; + } + } + + img { + vertical-align: bottom; + margin-right: .3rem; + } + + .mm__status { + padding-left: .3rem; + padding-right: .3rem; + } + + form { + vertical-align: text-top; + } + } } diff --git a/css/base.less b/css/base.less index e757f62..ea343b1 100755 --- a/css/base.less +++ b/css/base.less @@ -15,6 +15,7 @@ @nav_direct_background: @ini_background; @nav_direct_color: @ini_existing; +@background_darker: rgba(230,230,230, .2); @ini_sidebar_width: (100 - @ini_site_width) - 4; @height-context-bar: 50px; diff --git a/css/base_mixins.less b/css/base_mixins.less index e17ee37..9725764 100755 --- a/css/base_mixins.less +++ b/css/base_mixins.less @@ -151,7 +151,7 @@ &:active, &:focus { background-color: @ini_nav_menu_hover_color; - border-color: @ini_nav_menu_hover_color; + border-color: @ini_nav_menu_hover_bg; color: @ini_nav_menu_hover_bg; .prefix { diff --git a/css/base_structure.less b/css/base_structure.less index 1725630..f9ba184 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -73,23 +73,7 @@ z-index: 900; } -/* if z-index is needed for .tools col, then use this: - - .tools .row > .col-xs-12 { - z-index: 5; // SPR-945 sometimes too small space for suggestionlist - } - - .wide-content .tools .row > .col-xs-12 { - z-index: 1; - } -*/ - - .header .row > .col-xs-12 { - z-index: 2; - } - .content .row > .col-xs-12 { - z-index: 3; border-radius: 0 @ini_default_border_radius @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius } diff --git a/css/plugins/configmanager.less b/css/plugins/configmanager.less index 97f6948..a699ffe 100644 --- a/css/plugins/configmanager.less +++ b/css/plugins/configmanager.less @@ -7,8 +7,18 @@ #dokuwiki__content { #config__manager { + fieldset { + min-width: 100%; + overflow-x: auto; + box-sizing: border-box; + background-color: @background_darker; + margin-left: 0; + margin-right: 0; + } + .selectiondefault { background-color: transparent; + color: inherit; } tr { @@ -16,6 +26,12 @@ background-color: transparent; color: inherit; } + + &:hover { + td { + color: inherit; + } + } } tr.default { @@ -23,5 +39,124 @@ background-color: transparent; } } + + td.label { + padding: .8em 0 1.2em 1em; + + span.outkey { + background-color: @ini_background; + color: inherit; + font-size: (@font-size-small - .06); + font-weight: bold; + padding: 0 @very-small-spacing; + + a { + font-size: inherit; + } + } + + label { + line-height: @line-height-big; + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 1024px */ + +@media @screen_max-md { + #dokuwiki__content { + #config__manager { + td { + &.label { + label, + span { + font-size: @font-size-small; + } + } + + &.label + td { + font-size: @font-size-small; + + span { + font-size: inherit; + } + } + + select, + input.edit { + font-size: @font-size-small; + } + } + + .selectiondefault { + label { + font-size: @font-size-small; + } + } + } + } +} + + +/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* max-width: 768px */ + +@media @screen_max-sm { + #dokuwiki__content { + #config__manager { + table { + border-top: 0 none; + } + + td { + padding-top: 0; + + &.label { + display: block; + width: 100%; + border: 0 none; + border-top: 1px solid @ini_border; + border-bottom: 0 none; + padding: .8em .5em .3em; + + + span.outkey { + margin-left: 0; + } + } + + .input { + width: 100%; + } + + + &.value, + &.label + td { + display: block; + width: 100%; + border: 0 none; + margin-bottom: 1.2rem; + } + + select, + input.edit { + width: 100%; + text-overflow: ellipsis; + } + } + + .selectiondefault { + float: none; + max-width: 100%; + width: auto; + + label { + width: 90%; + } + } + } } } diff --git a/css/plugins/data.less b/css/plugins/data.less index 56b264a..9d03409 100644 --- a/css/plugins/data.less +++ b/css/plugins/data.less @@ -7,7 +7,7 @@ /* + + + + + global + + + + + */ #dokuwiki__content { - .dataplugin_entry.mitarbeiter.sectionedit2 { + .dataplugin_entry { dl { margin-left: 0; margin-right: 0; diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index 46cc22f..f341ede 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -86,16 +86,6 @@ } -/* + + + + + in meta box + + + + + */ -/* see area_nav-metabox.less */ -#spr__tab-issues { - ul.mmissuelist { - padding-left: 0; - margin-top: 1rem; - } -} - - /* + + + + + in content + + + + + */ a.jiralink { font-size: @font-size-default; diff --git a/css/plugins/struct.less b/css/plugins/struct.less index e6df066..0bbbed3 100755 --- a/css/plugins/struct.less +++ b/css/plugins/struct.less @@ -63,7 +63,7 @@ &:focus, &:active { background-color: @ini_existing; - background-image: url("svg.php?svg=file-export.svg&f=background_content"); + background-image: url("svg.php?svg=file-export.svg&f=background"); border-color: @ini_existing; color: @ini_background; text-decoration: none; @@ -104,8 +104,7 @@ z-index: 3; box-shadow: @box-shadow-bottom; - .hint p { - color: @color-editBox; + p.hint { margin-top: @small-spacing; margin-bottom: @margin-small; } diff --git a/css/plugins/tagging.less b/css/plugins/tagging.less index a15cdfb..280448f 100644 --- a/css/plugins/tagging.less +++ b/css/plugins/tagging.less @@ -12,7 +12,7 @@ li { &.t0 a { - font-size: .9rem; + font-size: .88rem; } &.t1 a { font-size: 1rem; diff --git a/js/breadcrumb.js b/js/breadcrumb.js deleted file mode 100644 index 7825584..0000000 --- a/js/breadcrumb.js +++ /dev/null @@ -1,30 +0,0 @@ -/** - * Sets up the breadcrumb behaviour (adds do / ACT status information) - * or adds tpl_getLang('image_detail') on detail template - */ -(function($) { - - - var setBreadcrumbSuffix = function(){ - - var $breadcrumb = $('.breadcrumbs'); - if (!$breadcrumb.length) return; - - - /** - * add ACT status to breadcrumb (if not show) - * or tpl_getLang('image_detail') on detail.php - */ - var mode = $breadcrumb.attr('data-do'); - if(mode && mode.indexOf('show') !== 0){ - var markup = ' : ' + mode + ''; - $breadcrumb.find('p').append(markup); - } - }; - - $(function(){ - setBreadcrumbSuffix(); - }); - - -})(jQuery); diff --git a/js/sidebar.js b/js/sidebar.js index d0811b7..73bcf83 100644 --- a/js/sidebar.js +++ b/js/sidebar.js @@ -48,10 +48,10 @@ jQuery(function () { /** * Toggle a navigation panel * - * @param {jQuery} $toggler The h6 toggler + * @param {jQuery} $toggler The a toggler */ toggleNav = function ($toggler) { - var $panel = $toggler.next('div.nav-panel'); + var $panel = $toggler.parent().next('div.nav-panel'); var isOpen = $panel.is(':visible'); // open sidebar on interaction setDefaultContent(); @@ -96,7 +96,6 @@ jQuery(function () { // make the new toggler var $toggler = jQuery('') - .addClass('nav') .attr('href', '#') .attr('role', 'heading') .attr('aria-level', '2') @@ -105,6 +104,7 @@ jQuery(function () { .prepend($icon) .data('index', index) ; + $toggler = jQuery('