insomnia/app/ui/css/components/request-url-bar.less
Gregory Schier e2c72987e8 Autocomplete for variables and tags (#112)
* Fixed duplication kve bug

* Autocomplete sort of works now

* Even better

* Styled autocomplete dropdown

* Minor tweaks

* Autocomplete looking pretty spiffy

* Bug fixes

* Apply dropdown to all editors

* Fixed key propagation when autocomplete open

* Fixed some modals

* Split up editor less

* Some css improvements

* Move filter help out of editor

* Fixed drag-n-drop

* Perfected autocomplete theme

* "fixed" one-line-editor hint click bug

* Better autocomplete and switch single line input on drag enter

* Don't autocomplete on Tab

* Better tag dnd

* Add constants completion API

* Autocomplete headers

* Fixed tests
2017-03-11 16:31:23 -08:00

62 lines
1.0 KiB
Plaintext

@import '../constants/colors';
@import '../constants/dimensions';
.urlbar {
width: 100%;
display: flex;
flex-direction: row;
align-items: stretch;
align-self: stretch;
& > .dropdown > button {
height: 100%;
min-width: 4.5em;
display: flex;
justify-content: space-between;
// Pad the method name on the right
& > *:first-child {
padding-left: 0.5em;
}
// Make everything the same height
&,
& > i.fa {
line-height: @line-height-sm;
}
}
.urlbar__send-btn {
padding-right: @padding-md;
padding-left: @padding-md;
min-width: 5em;
text-align: center;
}
form {
width: 100%;
display: flex;
flex-direction: row;
margin-left: @padding-xxs;
* {
font-size: @font-size-md;
}
}
.urlbar__send-btn,
& > .dropdown {
height: 100%;
}
button:focus,
button:hover {
background-color: @hl-xs;
}
& > .dropdown > button {
padding-left: @padding-md;
padding-right: @padding-md / 2;
}
}