Skip to content
Permalink
Browse files

Fix: Button cutoff and misc a11y issues

* Adjusted code to fix the expand all, close all button being cut off.
* Removed unnecessary role=main on the Hints container.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Fix #1985
Close #1989
  • Loading branch information...
ststimac authored and molant committed Mar 1, 2019
1 parent 9795cdf commit a606adac27ca56607993266a41a0fedcc5298a46
@@ -256,17 +256,14 @@
}

.rule-categories {
background-color: #fff;
bottom: calc(-100% + 5rem);
display: flex;
flex-direction: column;
justify-content: center;
height: calc(100% - 5rem);
position: fixed;
left: 0;
padding: 0 2rem;
position: fixed;
width: 100%;
background-color: #fff;
z-index: 5;
bottom: calc(-100% + 5rem);
height: calc(100% - 5rem);
transition: bottom .5s ease-out;
}

@@ -506,7 +503,7 @@ a > .rule-tile:hover {
}

.button-expand-all.closed {
background-position: 0 -23px;
background-position: 0 -2.4rem;
}

.rule-result h3 {
@@ -50,7 +50,7 @@
</div>
</div>
<% if(!result.showError) { %>
<section id="results-container" class="section container" role="main" aria-labelledby="hints" aria-live="polite">
<section id="results-container" class="section container" aria-labelledby="hints" aria-live="polite">
<h2 id="hints">Hints</h2>
<div class="layout layout--basic--offset--alt">
<div class="module module--secondary module--categories">

0 comments on commit a606ada

Please sign in to comment.
You can’t perform that action at this time.