Skip to content

Commit

Permalink
feat: console style tweaks
Browse files Browse the repository at this point in the history
- Offset initial console position from corner
- Remove autocomplete selection transitions to make nav snappier
- Fix autocomplete mouse hover color priority
- Make autocomplete shadow not obscure entry box
- Make autocomplete a bit taller
  • Loading branch information
jason-e committed Aug 10, 2023
1 parent c022d8f commit f462e98
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 9 deletions.
14 changes: 5 additions & 9 deletions styles/controls/text-entry.scss
Original file line number Diff line number Diff line change
Expand Up @@ -64,9 +64,9 @@ TextEntryAutocomplete {
overflow: squish scroll;
z-index: 0;
opacity: 1;
max-height: 220px;
max-height: 250px;

box-shadow: fill #00000066 -3px -3px 6px 6px;
box-shadow: fill #00000066 2px 2px 4px 4px;

& Label {
width: 100%;
Expand All @@ -83,16 +83,12 @@ TextEntryAutocomplete {
border-top: 1px solid #00000066;
border-bottom: 1px solid #00000066;

transition-property: background-color;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
&:focus {
background-color: #585e62;
}

&:hover {
background-color: #018eec;
}

&:focus {
background-color: #585e62;
}
}
}
1 change: 1 addition & 0 deletions styles/pages/console.scss
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;
position: 15px 20px 0px;
}

&__inner {
Expand Down

0 comments on commit f462e98

Please sign in to comment.