sidebar/style.css
html, body {
height: 100%;
width: 100%;
margin: 0;
box-sizing: border-box;
}
body {
height: 90%;
font: caption;
background-color: #F4F7F8;
}
p {
margin: 1em 2em;
}
#content {
height: 90%;
margin: 2em 2em 0 2em;
border: .5em solid #DDE4E9;
transition: background-color .2s ease-out;
}
#content[contenteditable=true] {
background-color: white;
transition: background-color .2s ease-in;
}
[contenteditable]:focus {
outline: 0px solid transparent;
}
.sticky-content {
display: inline-block;
width: calc(100% - 80px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sticky-top {
display: inline-block;
width: 30px;
overflow: hidden;
text-overflow: ellipsis;
}
.sticky-left {
display: inline-block;
width: 30px;
overflow: hidden;
text-overflow: ellipsis;
}
.header {
display: flex;
width: 100%;
justify-content: space-around;
}
.search-label {
margin-top: 2px;
flex-basis: 50px;
}
.search-input {
display: inline-block;
flex-grow: 3;
}
.groupby-select {
margin-left: 8px;
flex-basis: 80px;
}
.tree-label {
display: inline-block;
width: calc(100% - 30px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}