davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

Add title-bar restore icon (#83)

Browse Source
This commit is contained in:
Juan Garay
2020-05-17 16:15:53 -03:00
committed by GitHub
parent 5803325c95
commit 5fcf41146e
3 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/index.html.ejs
View File

@@ -532,9 +532,9 @@
<p>
We make use of <code>aria-label</code> to render the Close button, to let
assistive technologies know the intent of this button. You may also use
"Minimize" and "Maximize" like so:
"Minimize", "Maximize", "Restore" and "Help" like so:
</p>
<%- example(`
<div class="title-bar">
<div class="title-bar-text">A Title Bar</div>
@@ -545,7 +545,18 @@
</div>
</div>
<br>
<br />
<div class="title-bar">
<div class="title-bar-text">A Maximized Title Bar</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Restore"></button>
<button aria-label="Close"></button>
</div>
</div>
<br />
<div class="title-bar">
<div class="title-bar-text">A Helpful Bar</div>
@@ -553,7 +564,7 @@
<button aria-label="Help"></button>
<button aria-label="Close"></button>
</div>
</div>
</div>
`) %>
<p>
You can make a title bar "inactive" by adding <code>inactive</code> class,