index.css

/********************************************************************************
 * Copyright (C) 2017 TypeFox and others.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * This Source Code may also be made available under the following Secondary
 * Licenses when the conditions for such availability set forth in the Eclipse
 * Public License v. 2.0 are satisfied: GNU General Public License, version 2
 * with the GNU Classpath Exception which is available at
 * https://www.gnu.org/software/classpath/license.html.
 *
 * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
 ********************************************************************************/

.theia-marker-container {
    font-size: var(--theia-ui-font-size1);
}

.theia-side-panel .theia-marker-container .noMarkers {
    padding-left: 19px;
}

.theia-marker-container .markerNode,
.theia-marker-container .markerFileNode {
    display: flex;
    align-items: center;
}

.theia-marker-container .markerNode div,
.theia-marker-container .markerFileNode div:not(.file-icon) {
    display: flex;
    margin-right: 5px;
}

.theia-marker-container .markerFileNode .name,
.theia-marker-container .markerFileNode .path {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theia-marker-container .markerFileNode .path {
    font-size: var(--theia-ui-font-size0);
    align-self: flex-end;
    white-space: nowrap;
}

.theia-marker-container .error {
    color: var(--theia-editorError-foreground);
    opacity: 1;
}

.theia-marker-container .warning {
    color: var(--theia-editorWarning-foreground);
    opacity: 1;
}

.theia-marker-container .information {
    color: var(--theia-editorInfo-foreground);
    opacity: 1;
}

.theia-marker-container .hint {
    color: var(--theia-successBackground);
    opacity: 1;
}

.theia-marker-container .markerNode .position,
.theia-marker-container .markerNode .owner {
    white-space: nowrap;
    margin-left: 5px;
}

.theia-marker-container .markerNode .message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theia-marker-container .row-button-container {
    display: none;
}

.theia-marker-container .theia-TreeNodeContent:hover .row-button-container {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    align-items: center;
    align-self: center;
}