insomnia/app/ui/css/components/urlbar.less
Gregory Schier bb57f360e0 Environment Tags and Such (#90)
* Sort of working nunjucks editor

* Some more tweaks

* Lots of stuff

* Gettingn pretty good

* Minor tweaks and test fixes

* Minor bug fixes and stuff

* Some fixes and perf

* Refactoring

* Good for now

* Codemirror URL

* More and more fixes and improvements

* Code single-line CSS perfect!!!

* Better nj editing

* Show preview in nj edit

* Some editor updates

* All inputs now covered

* A bunch of fixes and stuff

* Don't cache node modules because it's not needed

* More stuff

* Tweak

* Style tweaks

* Pull nunjucks mode into own file

* Move codemirror click overlay to own file

* Pull nunjucks tag stuff out

* Fixed key value editor

* raw/endraw and marks improvements

* Some tweaks
2017-02-27 13:00:13 -08:00

64 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;
* {
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;
}
& > *:nth-child(2) {
padding-left: @padding-md / 2;
}
}