diff --git a/.gitignore b/.gitignore index 381ce24..6a7dfcc 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,5 @@ build/* *.tar.gz *.zip /vendor/ -config.php \ No newline at end of file +config.php +data.toml \ No newline at end of file diff --git a/assets/css/yurdle.css b/assets/css/yurdle.css index 7705260..da8efe3 100644 --- a/assets/css/yurdle.css +++ b/assets/css/yurdle.css @@ -27,8 +27,6 @@ } } -.guess-tr {} - .guess-th { border: aliceblue 3px solid; } @@ -69,4 +67,48 @@ .type12::after { content: "👆" +} + + +/* */ +/* AUTOCOMPLETE */ +/* */ + +.autocomplete { + /*the container must be positioned relative:*/ + position: relative; + display: inline-block; + box-sizing: border-box; +} + +.autocomplete-items { + box-sizing: border-box; + position: absolute; + border: 2px solid #10161d; + border-bottom: none; + border-top: none; + z-index: 99; + /*position the autocomplete items to be the same width as the container:*/ + top: 100%; + left: 0; + right: 0; +} + +.autocomplete-items div { + padding: 10px; + cursor: pointer; + background-color: #96939B; + border-bottom: 1px solid #10161d; +} + +.autocomplete-items div:hover { + /*when hovering an item:*/ + background-color: #00ADB5; + color: #e8e8e8; +} + +.autocomplete-active { + /*when navigating through the items using the arrow keys:*/ + background-color: #00ADB5 !important; + color: #e8e8e8; } \ No newline at end of file diff --git a/index.php b/index.php index 8f7e2ac..9a2cb8a 100644 --- a/index.php +++ b/index.php @@ -25,9 +25,9 @@ min-height: 100vh;">
-