he4et/tabswitcher
1
0
Fork 0
mirror of https://github.com/He4eT/tabswitcher.git synced 2026-05-04 17:07:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

pages/search: results markup

Browse source
This commit is contained in:
He4eT 2024-01-20 21:37:19 +01:00
commit f5af3c1823
2 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
pages/search/search.css
View file

@ -2,6 +2,10 @@ header {
display: flex; display: flex;
padding: calc(2 * var(--step)); padding: calc(2 * var(--step));
gap: calc(2 * var(--step)); gap: calc(2 * var(--step));
position: sticky;
top: 0;
background: inherit;
} }
header > input { header > input {
@ -45,19 +49,14 @@ main {
overflow: hidden; overflow: hidden;
} }
.tab .label { .tab > span:first-child {
font-family: monospace; font-family: monospace;
color: var(--gray-dark-05); color: var(--gray-dark-05);
flex-shrink: 0; flex-shrink: 0;
} }
.tab > .title, .tab > span:last-child {
.tab > .url {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.tab .url {
color: var(--gray-dark-05);
}

2
pages/search/search.html
View file

@ -11,7 +11,7 @@
<input type='search' id='searchbox' placeholder='Filter' autofocus> <input type='search' id='searchbox' placeholder='Filter' autofocus>
<input type='search' id='actionbox' placeholder='Action (? for help)'> <input type='search' id='actionbox' placeholder='Action (? for help)'>
</header> </header>
<main> <main id='searchResults'>
<button class='tab'> <button class='tab'>
<div class='label'>jk</div> <div class='label'>jk</div>
<div class='title'> <div class='title'>