mirror/pcottle.learnGitBranching
1
0
Fork 0
mirror of https://github.com/pcottle/learnGitBranching.git synced 2025-07-14 00:24:28 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Accessibility: use buttons

Browse source 
Part of #960.
This commit is contained in:
Simon Pieters 2022-04-29 00:00:16 +02:00
parent 13bd50edad
commit 5d40cb8e79
2 changed files with 27 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/style/main.css
View file

@ -62,6 +62,31 @@ div.modalTerminal p {
text-align: center; text-align: center;
} }
.visuallyHidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.noStyle {
padding: 0;
border: none;
background: transparent;
color: inherit;
font: inherit;
letter-spacing: inherit;
word-spacing: inherit;
line-height: inherit;
text-transform: inherit;
text-indent: inherit;
text-shadow: inherit;
appearance: none;
}
/* Box Model */ /* Box Model */
html, html,
body, body,
@ -1295,4 +1320,4 @@ div.gitDemonstrationView {
bottom: 0px; bottom: 0px;
left: 21px; left: 21px;
opacity: 0.4; opacity: 0.4;
} }

2
src/template.index.html
View file

@ -304,7 +304,7 @@
<script type="text/html" id="left-right-template"> <script type="text/html" id="left-right-template">
<% if (!showLeft && lastNav ) { %> <% if (!showLeft && lastNav ) { %>
<div class="box right"> <div class="box right">
<i class="icon-ok exit"></i> <button class="noStyle"><i aria-hidden="true" class="icon-ok exit"></i><span class="visuallyHidden">OK</span></button>
</div> </div>
<% } else { %> <% } else { %>
<% if (showLeft) { %> <% if (showLeft) { %>