mirror of
https://github.com/braver/programmingfonts.git
synced 2024-09-27 22:01:35 +02:00
fieldsets are shit for layout in chromium
This commit is contained in:
parent
afffec6f0d
commit
a1c670a9b7
@ -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
14
index.html
@ -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">
|
||||
|
Loading…
Reference in New Issue
Block a user