mirror of
https://github.com/Kong/insomnia
synced 2024-11-08 23:00:30 +00:00
116 lines
2.2 KiB
Plaintext
116 lines
2.2 KiB
Plaintext
.requests-tree {
|
|
position: relative;
|
|
|
|
background-color: var(--color-bg);
|
|
color: var(--color-font);
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
.tree__list-root {
|
|
// Add some space above so it's not so squished
|
|
padding-top: var(--padding-xxs);
|
|
padding-bottom: var(--padding-md);
|
|
box-shadow: inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.03);
|
|
|
|
overflow-y: auto;
|
|
|
|
&::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
&:hover::-webkit-scrollbar {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.tree__row {
|
|
position: relative;
|
|
}
|
|
|
|
// ~~~~~~~~~ //
|
|
// Tree Item //
|
|
// ~~~~~~~~~ //
|
|
|
|
.tree__item {
|
|
display: flex;
|
|
height: var(--line-height-xs);
|
|
|
|
& > button {
|
|
flex-grow: 1;
|
|
color: var(--hl);
|
|
padding-left: var(--padding-sm);
|
|
}
|
|
|
|
& > * {
|
|
height: 100%;
|
|
}
|
|
|
|
&.tree__item--big {
|
|
height: var(--line-height-sm);
|
|
}
|
|
|
|
&:focus,
|
|
&:hover {
|
|
background-color: var(--hl-xs);
|
|
transition: background-color 0ms;
|
|
}
|
|
|
|
.tag {
|
|
padding-left: 0;
|
|
text-align: left;
|
|
width: 3em;
|
|
}
|
|
|
|
.total-requests {
|
|
color: var(--hl-lg);
|
|
padding-left: var(--padding-xs);
|
|
}
|
|
}
|
|
|
|
.tree__item__icon {
|
|
padding-right: var(--padding-sm);
|
|
}
|
|
|
|
.tree__item__checkbox > * {
|
|
height: 100%;
|
|
}
|
|
|
|
// Padding for nested folders
|
|
|
|
.tree__list .tree__indent {
|
|
padding-left: var(--padding-sm);
|
|
}
|
|
|
|
.tree__list .tree__list .tree__indent {
|
|
padding-left: calc(var(--padding-sm) + var(--padding-md) * 1);
|
|
}
|
|
|
|
.tree__list .tree__list .tree__list .tree__indent {
|
|
padding-left: calc(var(--padding-sm) + var(--padding-md) * 2);
|
|
}
|
|
|
|
.tree__list .tree__list .tree__list .tree__list .tree__indent {
|
|
padding-left: calc(var(--padding-sm) + var(--padding-md) * 3);
|
|
}
|
|
|
|
.tree__list .tree__list .tree__list .tree__list .tree__list .tree__indent {
|
|
padding-left: calc(var(--padding-sm) + var(--padding-md) * 4);
|
|
}
|
|
|
|
.tree__list .tree__list .tree__list .tree__list .tree__list .tree__list .tree__indent {
|
|
padding-left: calc(var(--padding-sm) + var(--padding-md) * 5);
|
|
}
|
|
|
|
.tree__list
|
|
.tree__list
|
|
.tree__list
|
|
.tree__list
|
|
.tree__list
|
|
.tree__list
|
|
.tree__list
|
|
.tree__indent {
|
|
padding-left: calc(var(--padding-sm) + var(--padding-md) * 6);
|
|
}
|
|
}
|