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