Commit 5d0103eb authored by Stan Hu's avatar Stan Hu

Use a button for the Geo Node "Advanced" link for accessibility

parent f4e9be82
......@@ -39,7 +39,7 @@ class GeoNodeStatus {
toggleShowAdvancedStatus(e) {
const $element = $(e.currentTarget);
const $closestStatus = $element.closest('.advanced-geo-node-status-container').find('.advanced-status')
const $closestStatus = $element.siblings('.advanced-status')
$element.find('.fa').toggleClass('fa-angle-down').toggleClass('fa-angle-up');
$closestStatus.toggleClass('hidden');
......
......@@ -29,17 +29,16 @@
}
}
.advanced-status-toggler {
color: $gl-link-color;
padding: 10px 0 0;
cursor: pointer;
position: relative;
display: inline-block;
.advanced-geo-node-status-container {
.btn-link {
&:hover, &:focus {
text-decoration: none;
}
span:hover {
color: $gl-link-color;
text-decoration: underline;
}
}
}
.node-info {
......
......@@ -73,8 +73,7 @@
%span.help-block
Last event ID processed by cursor:
%strong.node-info.js-last-cursor-event
.advanced-status-toggler
.js-advanced-geo-node-status-toggler
%button.btn-link.js-advanced-geo-node-status-toggler
%span Advanced
= icon('angle-down')
%p
......
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