mirror of
https://github.com/Kong/insomnia
synced 2024-11-08 06:39:48 +00:00
9e84bc4387
* Start on workspace dropdown and upgrade fontawesome * WorkspaceDropdown start and Elm components! * Lots of CSS shit * Refactor some db stuff and move filter out of sidebar * Adjust dropdown css * Handle duplicate header names, and stuff * Shitty cookies tab * fixed cookie table a bit * Modal refactor * Starteed cookie modal design * Better cookie storage and filter cookie modal * Cookie editor round 1 * Fix kve cursor jumping and form encoding templating * New cookies now show up in filter * Checkpoint * Stuff and fix environments css * Added manage cookies button to cookie pane * Fix accidental sidebar item drag on sidebar resize * Environments modal is looking pretty good now * Pretty much done environments nad cookies * Some changes * Fixed codemirror in modals * Fixed some things * Add basic proxy support * Updated shortcuts * Code snippet generation * Some style * bug fix * Code export now gets cookies for correct domain
73 lines
1.2 KiB
SCSS
73 lines
1.2 KiB
SCSS
@import '../constants/dimensions';
|
|
@import '../constants/colors';
|
|
|
|
.wrapper {
|
|
background-color: $bg-super-dark;
|
|
color: $font-super-dark-bg;
|
|
display: grid;
|
|
|
|
grid-template-rows: 0.5fr 0.5fr;
|
|
|
|
height: 100%;
|
|
width: 100%;
|
|
|
|
.sidebar {
|
|
grid-column-start: 1;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 2;
|
|
}
|
|
|
|
.drag {
|
|
grid-row-start: 1;
|
|
grid-row-end: span 2;
|
|
position: relative;
|
|
|
|
& > * {
|
|
cursor: ew-resize;
|
|
position: absolute;
|
|
height: 100%;
|
|
z-index: 20;
|
|
width: $drag-width;
|
|
top: 0;
|
|
// More to the right so it doesn't cover scroll bars
|
|
left: -$drag-width / 8;
|
|
}
|
|
}
|
|
|
|
.request-pane {
|
|
grid-column-start: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 2;
|
|
background: inherit;
|
|
}
|
|
|
|
.response-pane {
|
|
grid-column-start: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: span 2;
|
|
background: inherit;
|
|
}
|
|
}
|
|
|
|
@media (max-width: $breakpoint-md) {
|
|
.wrapper {
|
|
.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: 2;
|
|
grid-row-end: span 1;
|
|
}
|
|
|
|
.drag--pane {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|