From ca99a4a8202c2fbf2555a660c5b89bf5b4fc8496 Mon Sep 17 00:00:00 2001 From: Tobias Hoffmann <tobias.hoffmann@ptb.de> Date: Mon, 28 Sep 2020 10:10:13 +0200 Subject: [PATCH] Enable Notifications in the tabulator order --- flamingo.js | 8 ++++++++ flamingo.min.js | 2 +- less.bootstrap.theme.less | 5 ++++- 3 files changed, 13 insertions(+), 2 deletions(-) diff --git a/flamingo.js b/flamingo.js index 71cd854..0c947ca 100644 --- a/flamingo.js +++ b/flamingo.js @@ -24,6 +24,14 @@ require(['jquery', 'bootstrap'], function ($) { input.focusout(function () { $('#globalsearch').addClass("globalsearch-close"); }); + // Enable notifications in the taborder + var notification=$('a.icon-navbar.dropdown-toggle'); + notification.attr('tabindex',0); + notification.keypress(function( event ) { + if (event.which === 13) { + $('a.icon-navbar.dropdown-toggle').click(); + } + }); // Fix the bad location of the dropdown menu when the trigger is close to the end of the screen. // See: http://jira.xwiki.org/browse/XWIKI-12609 $(document).on('shown.bs.dropdown', function (event) { diff --git a/flamingo.min.js b/flamingo.min.js index 1e6dec6..ff2aed4 100644 --- a/flamingo.min.js +++ b/flamingo.min.js @@ -1 +1 @@ -require(["jquery","bootstrap"],function(e){e(document).ready(function(){var o=!1,r=0;e(".drawer-toggle").on("click",function(){!0===(o=!o)&&(e("#tmDrawer").show(),0===r&&(r++,e(".drawer-overlay-upper").on("click",function(){o=!o,e("#tmDrawer").hide()})))}),e("#headerglobalsearchinput").focus(function(){e("#globalsearch").removeClass("globalsearch-close")}),e("#headerglobalsearchinput").focusout(function(){e("#globalsearch").addClass("globalsearch-close")}),e(document).on("shown.bs.dropdown",function(o){var r=e(o.relatedTarget),a=r.next(".dropdown-menu");if(a.length>0){var t=a.outerWidth();if(a.offset().left+t>e(document.body).outerWidth()){var n=r.offset().left+r.outerWidth()-t;n<0&&(n=0),a.offset({left:n})}}}),e(body).on("drawer.closed",function(){e(".drawer-menu-sub-item").removeClass("in").attr("aria-expanded","false")})})}); \ No newline at end of file +require(["jquery","bootstrap"],function(o){o(document).ready(function(){var e=!1,r=0;o(".drawer-toggle").on("click",function(){!0===(e=!e)&&(o("#tmDrawer").show(),0===r&&(r++,o(".drawer-overlay-upper").on("click",function(){e=!e,o("#tmDrawer").hide()})))});var a=o("#headerglobalsearchinput");a.focus(function(){o("#globalsearch").removeClass("globalsearch-close")}),a.focusout(function(){o("#globalsearch").addClass("globalsearch-close")}),o("a.icon-navbar.dropdown-toggle").attr("tabindex",0),o("a.icon-navbar.dropdown-toggle").keypress(function(e){13===e.which&&o("a.icon-navbar.dropdown-toggle").click()}),o(document).on("shown.bs.dropdown",function(e){var r=o(e.relatedTarget),a=r.next(".dropdown-menu");if(a.length>0){var n=a.outerWidth();if(a.offset().left+n>o(document.body).outerWidth()){var t=r.offset().left+r.outerWidth()-n;t<0&&(t=0),a.offset({left:t})}}}),o(body).on("drawer.closed",function(){o(".drawer-menu-sub-item").removeClass("in").attr("aria-expanded","false")})})}); \ No newline at end of file diff --git a/less.bootstrap.theme.less b/less.bootstrap.theme.less index fb61744..66c7f84 100644 --- a/less.bootstrap.theme.less +++ b/less.bootstrap.theme.less @@ -145,7 +145,10 @@ .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255,255,255,.25); } - +.navbar-nav > li > a:focus{ + background-color: rgba(155, 155, 155, 0.07); + border: 1px; +} // Inverted navbar .navbar-inverse { #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg); -- GitLab