mirrors/insomnia
1
0
Fork 0
mirror of https://github.com/Kong/insomnia synced 2024-11-07 22:30:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better dropdowns in tabs

Browse Source
This commit is contained in:
Gregory Schier 2016-06-11 17:00:52 -07:00
parent 6697cb1ee7
commit 5e74c71704
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/ContentTypeDropdown.js
View File

@ -8,7 +8,9 @@ const ContentTypeDropdown = ({updateRequestContentType, activeContentType}) => {
return (
<Dropdown>
<button><i className="fa fa-caret-down"></i></button>
<button className="tall">
<i className="fa fa-caret-down"></i>
</button>
<ul>
{contentTypes.map(contentType => (
<li key={contentType}>

4
app/components/previewModeDropdown.js
View File

@ -6,7 +6,9 @@ import {PREVIEW_MODES, getPreviewModeName} from '../lib/previewModes'
const PreviewModeDropdown = ({updatePreviewMode}) => {
return (
<Dropdown>
<button><i className="fa fa-caret-down"></i></button>
<button className="tall">
<i className="fa fa-caret-down"></i>
</button>
<ul>
{PREVIEW_MODES.map(previewMode => (
<li key={previewMode}>

6
app/css/components/tabs.scss
View File

@ -31,10 +31,7 @@ $border-color: $hl-md;
border-bottom: 1px solid $border-color;
border-top: 0 !important;
white-space: nowrap;
* {
color: $hl-xxl;
}
display: flex;
&:first-child {
border-left-color: transparent;
@ -45,6 +42,7 @@ $border-color: $hl-md;
}
& > * {
color: $hl-xxl;
height: 100%;
padding-left: $padding-md / 4;
padding-right: $padding-md / 4;