Commit 7e01ca6e authored by m26lebla's avatar m26lebla
Browse files

ISTWCMS-3769 -Long menu titles extend underneath arrow in responsive menu

parent 386f4ed3
This diff is collapsed.
......@@ -190,7 +190,7 @@ body.navbar-administration .navigation-button[aria-expanded=true] ~ .rmc-nav__co
.toggle {
position: absolute;
right: 0.6em;
right: 0.6rem;
cursor: pointer;
color: #fff;
}
......@@ -230,35 +230,52 @@ body.navbar-administration .navigation-button[aria-expanded=true] ~ .rmc-nav__co
}
ul {
background: $uw-black;
line-height: 2.75rem;
text-decoration: none;
padding: 0 0 9.67rem 0;
list-style: none;
}
li a {
ul {
background: $uw-black;
line-height: 2.75rem;
text-decoration: none;
padding: 0 0 9.67rem 0;
list-style: none;
/* Ensure the is no overflow at play on the list. */
overflow:inherit;
}
li a {
margin-right: 0;
line-height: 1.5rem;
text-decoration: none;
}
padding-right:2rem;
li a:hover,
li a:focus,
a.active,
.toggle-sub:hover {
background: $uw-primary-colour;
color: $uw-white
}
/* Adding padding to push away from the expand arrow.*/
li.expanded{
a{
padding-right:4.25rem;
}
.toggle-sub {
font-family: fdsu-rwd;
font-weight: 700;
padding: 1rem 2rem .95rem 1rem;
right: 1rem;
&:before {
content: "\e908";
padding: 0;
}
/* Adding the 2rem of padding to back last instance */
li.expanded.sub-nav-parent-view{
li:last-child.first.last.leaf{
a{
padding-right:2rem;
}
}
}
li a:hover,
li a:focus,
a.active,
.toggle-sub:hover {
background: $uw-primary-colour;
color: $uw-white
}
.toggle-sub {
font-family: fdsu-rwd;
font-weight: 700;
padding: 1rem 2rem .95rem 1rem;
right: 1rem;
height: 100%;
&:before {
content: "\e908";
padding: 0;
}
}
}
......@@ -280,3 +297,4 @@ body.navbar-administration .navigation-button[aria-expanded=true] ~ .rmc-nav__co
}
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