jellyfish-web/src/assets/css/metadataeditor.css

.editPageSidebar {
    display: block;
}

.editPageSidebar-withcontent {
    display: none;
}

.libraryTree {
    margin-left: 0.25em;
}

.offlineEditorNode {
    color: #c33;
}

.editorNode img {
    height: 18px;
    margin: 0 0.35em;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.jstree-anchor {
    font-weight: 400 !important;
}

.jstree-wholerow-hovered {
    background: #38c !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.jstree-default .jstree-hovered {
    background: 0 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important;
}

.jstree-default .jstree-wholerow-clicked {
    background: #00a4dc !important;
}

.metadataSidebarIcon {
    margin-right: 0.4em;
}

@media all and (min-width: 50em) {
    .editPageSidebar {
        position: fixed;
        top: 5.2em;
        bottom: 0;
        left: 0;
        width: 30%;
        border-right: 1px solid #555;
        display: block;
    }

    .editPageInnerContent {
        float: right;
        width: 68.5%;
    }
}

@media all and (min-width: 112.5em) {
    .editPageSidebar {
        width: 25%;
    }

    .editPageInnerContent {
        width: 73.5%;
    }
}