mirror of
https://github.com/Kong/insomnia
synced 2024-11-08 23:00:30 +00:00
103 lines
1.6 KiB
SCSS
103 lines
1.6 KiB
SCSS
@import '../constants/dimensions';
|
|
@import '../constants/colors';
|
|
|
|
.sidebar {
|
|
height: 100%;
|
|
|
|
.pane__body {
|
|
width: $sidebar-width;
|
|
height: 100%;
|
|
}
|
|
|
|
.sidebar__scroll {
|
|
overflow-y: auto;
|
|
height: 100%;
|
|
}
|
|
|
|
.pane__header,
|
|
.pane__body {
|
|
border-left: 0;
|
|
}
|
|
|
|
.sidebar__item__row {
|
|
width: 100%;
|
|
text-align: left;
|
|
box-sizing: border-box;
|
|
color: inherit;
|
|
|
|
&:hover {
|
|
background-color: $hl-xxs;
|
|
}
|
|
|
|
& > button {
|
|
padding: $padding-sm;
|
|
color: inherit;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.sidebar__item__btn {
|
|
display: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
color: $hl-xl;
|
|
|
|
& > button,
|
|
& > .dropdown > button {
|
|
padding: 0 $padding-sm;
|
|
height: 100%;
|
|
color: inherit;
|
|
|
|
&:hover {
|
|
color: $font-dark-bg;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sidebar__item {
|
|
color: $hl;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
position: relative;
|
|
|
|
&.sidebar__item--active {
|
|
color: $font-dark-bg;
|
|
|
|
.tag {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&.sidebar__item--right-menu {
|
|
padding-right: 0;
|
|
}
|
|
|
|
&:hover .sidebar__item__btn {
|
|
display: block;
|
|
}
|
|
|
|
&.sidebar__item--bordered {
|
|
border-top: 1px solid $hl-sm;
|
|
}
|
|
|
|
.tag {
|
|
opacity: $faint-opacity;
|
|
width: 4em;
|
|
margin-right: 0;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
// This removes the border on the first request group if there are no requests above it
|
|
.sidebar__request-list li:first-child .sidebar__item--bordered {
|
|
border-top: 0;
|
|
}
|
|
|
|
ul ul .sidebar__item__row > button {
|
|
padding-left: $padding-sm * 3 !important;
|
|
}
|
|
}
|