Mirror
/
programmingfonts
mirror of https://github.com/braver/programmingfonts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fieldsets are shit for layout in chromium

This commit is contained in:
Koen Lageveen 2020-10-08 22:17:55 +02:00
parent ce74441ba6
commit 5a72acad33
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
index.css
View File

@ -83,6 +83,9 @@ section#filters select {
width: 100%;
margin: 0;
}
section#filters > div {
display: flex;
}
section.config > * {
text-align: center;
@ -216,10 +219,6 @@ label {
font-style: italic;
color: #777;
}
fieldset {
all: unset;
display: flex;
}
button {
all: unset;

14
index.html
View File

@ -96,7 +96,7 @@
<div class="main-wrapper">
<main>
<section id="filters">
<fieldset>
<div>
<button value="style" title="serifs or sans">
<svg width="12" height="12" alt="sans" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g transform="matrix(1.64678,0,0,1.64678,-7.09053,3.87857)">
@ -159,8 +159,9 @@
</g>
</svg>
</button>
</fieldset>
<fieldset>
</div>
<div>
<label for="authors-list" class="screenreader-only">Authors</label>
<select id="authors-list">
<optgroup>
<option value="all">All Authors</option>
@ -169,10 +170,11 @@
<!-- filled from json -->
</optgroup>
</select>
</fieldset>
<fieldset>
</div>
<div>
<label for="name-search" class="screenreader-only">Search</label>
<input type="text" id="name-search" placeholder="Search">
</fieldset>
</div>
</section>
<section class="select-list" tabindex="0">
<div id="select-font">