very simple hacked-together auto-completion demo
This commit is contained in:
commit
d05d9125c9
21 changed files with 3158 additions and 0 deletions
46
src/Editor.css
Normal file
46
src/Editor.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
.text-block {
|
||||
display: inline-block;
|
||||
/* border: solid 1px lightgrey; */
|
||||
/* margin-right: 4px; */
|
||||
/* padding-left: 2px; */
|
||||
/* padding-right: 2px; */
|
||||
user-select: none;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.selected {
|
||||
background-color: darkseagreen;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.suggest {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
|
||||
.cursor {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div:focus .cursor {
|
||||
animation: blink 1s linear infinite;
|
||||
display: inline-block;
|
||||
margin-left: -1px;
|
||||
margin-right: -3px;
|
||||
vertical-align: text-bottom;
|
||||
height: 20px;
|
||||
width: 2px;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.suggestions {
|
||||
position: absolute;
|
||||
border: solid 1px lightgrey;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue