mirror of
https://github.com/Kong/insomnia
synced 2024-11-12 17:26:32 +00:00
549ce23ce8
* All projects into monorepo * Update CI * More CI updates * Extracted a bunch of things into packages * Publish - insomnia-plugin-base64@1.0.1 - insomnia-plugin-default-headers@1.0.2 - insomnia-plugin-file@1.0.1 - insomnia-plugin-hash@1.0.1 - insomnia-plugin-now@1.0.1 - insomnia-plugin-request@1.0.1 - insomnia-plugin-response@1.0.1 - insomnia-plugin-uuid@1.0.1 - insomnia-cookies@0.0.2 - insomnia-importers@1.5.2 - insomnia-prettify@0.0.3 - insomnia-url@0.0.2 - insomnia-xpath@0.0.2 * A bunch of small fixes * Improved build script * Fixed * Merge dangling files * Usability refactor * Handle duplicate plugin names
105 lines
1.9 KiB
Plaintext
105 lines
1.9 KiB
Plaintext
@import '../constants/dimensions';
|
|
@import '../constants/colors';
|
|
|
|
.wrapper {
|
|
background-color: var(--color-bg);
|
|
color: var(--color-font);
|
|
display: grid;
|
|
|
|
// These are set in JS
|
|
//grid-template-rows: ...;
|
|
//grid-template-columns: ...;
|
|
|
|
height: 100%;
|
|
width: 100%;
|
|
|
|
.sidebar {
|
|
grid-column-start: 1;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 3;
|
|
min-width: 0;
|
|
}
|
|
|
|
.drag {
|
|
grid-row-start: 1;
|
|
grid-row-end: span 3;
|
|
position: relative;
|
|
|
|
&.drag--pane-vertical {
|
|
display: none;
|
|
}
|
|
|
|
& > * {
|
|
//background-color: rgba(255, 0, 0, 0.5);
|
|
cursor: ew-resize;
|
|
position: absolute;
|
|
height: 100%;
|
|
z-index: 9;
|
|
width: @drag-width;
|
|
top: 0;
|
|
// More to the right so it doesn't cover scroll bars
|
|
left: -@drag-width / 8;
|
|
}
|
|
}
|
|
|
|
.request-pane {
|
|
min-width: 0;
|
|
grid-column-start: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 3;
|
|
background: inherit;
|
|
}
|
|
|
|
.response-pane {
|
|
min-width: 0;
|
|
grid-column-start: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 3;
|
|
background: inherit;
|
|
}
|
|
}
|
|
|
|
.wrapper--vertical {
|
|
.request-pane {
|
|
grid-column-start: 3;
|
|
grid-column-end: span 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 1;
|
|
}
|
|
|
|
.response-pane {
|
|
grid-column-start: 3;
|
|
grid-column-end: span 3;
|
|
grid-row-start: 3;
|
|
grid-row-end: span 1;
|
|
//z-index: 2; // So it covers the URL Bar and stuff
|
|
}
|
|
|
|
.drag--pane-horizontal {
|
|
display: none !important;
|
|
}
|
|
|
|
.drag--pane-vertical {
|
|
display: block !important;
|
|
grid-column-start: 3;
|
|
grid-column-end: span 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: span 1;
|
|
|
|
& > * {
|
|
cursor: ns-resize;
|
|
height: @drag-width;
|
|
width: 100%;
|
|
left: 0;
|
|
// More to the right so it doesn't cover scroll bars
|
|
top: -@drag-width / 2;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: @breakpoint-md) {
|
|
.wrapper {
|
|
.wrapper--vertical();
|
|
}
|
|
}
|