Commit b8e2fde5 authored by Robert Lyon's avatar Robert Lyon
Browse files

Changing separating | to be border line (Bug 1279996)

To avoid the separating line between items in top right menu and in
the footer menu being read by some screen readers I've changed the
pipe char to be css border left.

Also dropped one of the top menu border bars when on small screens

Change-Id: I3e23fbf8fbad2480c9e9aaae56eda60fc7dede66
Signed-off-by: Robert Lyon's avatarRobert Lyon <>
parent e10fefd4
......@@ -1296,6 +1296,9 @@ table.mceLayout td.mceToolbar td {
display: block;
margin-bottom: 10px;
#right-nav li.settings {
border-left: none;
#usf {
float: none;
clear: both;
......@@ -198,6 +198,12 @@ form.oneline.inline div,
.nojs-hidden-table-cell {
display: none;
.bar-before {
border-left: 1px solid #D1D1D1;
#footer-nav .bar-before {
border-left: 1px solid #5B5C5C;
/******************** Loading ********************/
#loading-box {
background-color: #DDDDDD;
......@@ -29,7 +29,7 @@
displaying them on your site to spread the word! -->
<div id="footer-nav">
{foreach from=$FOOTERMENU item=item name=footermenu}
{if !$.foreach.footermenu.first}| {/if}<a href="{$item.url}">{$item.title}</a>
{if !$.foreach.footermenu.first}<span class="bar-before">{/if}<a href="{$item.url}">{$item.title}</a>{if !$.foreach.footermenu.first}</span>{/if}
<!-- there is a div id="performance-info" wrapping this -->{mahara_performance_info}
......@@ -4,9 +4,9 @@
{if $LOGGEDIN} <li class="identity"><a href="{profile_url($USER)}">{$USER|display_default_name}</a></li>{/if}
{foreach from=$RIGHTNAV item=item}
<li class="{$item.path}{if $item.selected}{assign var=MAINNAVSELECTED value=$item} selected{/if}"> | <a href="{if $item.wwwroot}{$item.wwwroot}{else}{$WWWROOT}{/if}{$item.url}">{if $item.title}{$item.title}{/if}{if $item.icon}<img src="{$item.icon}" alt="{$item.alt}">{if isset($item.count)}<span class="navcount{if $item.countclass} {$item.countclass}{/if}">{$item.count}</span>{/if}</a></li>
<li class="{$item.path}{if $item.selected}{assign var=MAINNAVSELECTED value=$item} selected{/if} bar-before"><a href="{if $item.wwwroot}{$item.wwwroot}{else}{$WWWROOT}{/if}{$item.url}">{if $item.title}{$item.title}{/if}{if $item.icon}<img src="{$item.icon}" alt="{$item.alt}">{if isset($item.count)}<span class="navcount{if $item.countclass} {$item.countclass}{/if}">{$item.count}</span>{/if}</a></li>
<li class="btn-logout"> | <a href="{$WWWROOT}?logout" accesskey="l">{str tag="logout"}</a></li>
<li class="btn-logout bar-before"><a href="{$WWWROOT}?logout" accesskey="l">{str tag="logout"}</a></li>
{if !$nosearch && !$LOGGEDIN && $languageform}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment