src/renderer/parts/fileBar/tagView/tagView.scss
.tagsTreeWrapper {
    width: 100%;
    height: 100%;
}

.filterBar {
    padding: 0 14px;
    // border-bottom: 2px solid $borderColor;

    .searchInput {
        input {
            font-size: inherit;
            border: none;
            border-bottom: 2px solid $tagBorderColor;
            padding: 0 2px;
            background-color: rgba(0, 0, 0, 0);
            outline: none;
            color: $tagFontColor;
            margin: 7px 12px 7px 0;
        }

        input::-webkit-input-placeholder {
            color: $tagFontColor;
        }
    }

    .orderController {
        display: flex;
        align-items: center;
        transition: 0.2s;
        cursor: pointer;
        padding: 2px 4px;
        border-radius: 4px;
        user-select: none;
        margin-bottom: 6px;

        .orderFieldName {
            font-size: 14px;
        }

        .orderMode {
            margin-left: 4px;
            font-size: 15px;
        }
    }

    .orderController:hover {
        transition: 0s;
        background-color: #fff;
        color: $fontColorActive;
    }
}

.tagsWrapper {
    padding: 8px 8px 50px 8px;
    user-select: none;

    .tagItem {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        padding: 2px 4px;
        border-radius: 4px;
        transition: 0.2s;

        .tagName {
            max-width: 80%;
        }
    }

    .tagItem:hover {
        background-color: rgba(255, 255, 255, 0.7);
        color: $fontColorHover;
        transition: 0s;
    }

    .tagItem.selected {
        background-color: #fff;
        color: $fontColorActive;
        transition: 0.2s;
    }
}
