Visual improvements to web autocomplete (#591)

* Visual improvements to web autocomplete

* Remove stray styling
This commit is contained in:
Ollie H 2023-05-08 14:09:15 -07:00 committed by GitHub
parent 84046f42d5
commit cdfb1c7abf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 118 additions and 64 deletions

View file

@ -57,14 +57,6 @@
}
}*/
/* OLLIE: TODO -- this is not accessible */
/* Remove focus state on inputs */
.ProseMirror-focused {
outline: 0;
}
input:focus {
outline: 0;
}
/* Remove default link styling */
a {
color: inherit;
@ -106,28 +98,16 @@
color: #0085ff;
cursor: pointer;
}
/* OLLIE: TODO -- this is not accessible */
/* Remove focus state on inputs */
.ProseMirror-focused {
outline: 0;
}
input:focus {
outline: 0;
}
.tippy-content .items {
border-radius: 6px;
background: #F3F3F8;
border: 1px solid #e0d9d9;
padding: 3px 3px;
}
.tippy-content .items .item {
display: block;
background: transparent;
color: #8a8c9a;
border: 0;
font: 17px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
padding: 7px 10px 8px;
width: 100%;
text-align: left;
box-sizing: border-box;
letter-spacing: 0.2px;
}
.tippy-content .items .item.is-selected {
background: #fff;
border-radius: 4px;
color: #333;
width: fit-content;
}
</style>
{% include "scripts.html" %}