@import "../../Component/Theme/Theme.scss";

div.object-list {
    min-height: 100%;

    div.object-list-color-value {
        height: calc( 100% - 6px);
        margin: 3px 0;
        margin-left: 3px;
        border-radius: 1000px;
        width: 3px;
    }

    div.object-list-checkbox {
        opacity: 1 !important;
        padding-left: 2px;

        i.checkbox-icon {
            display: none;
            opacity: 0;
        }

        i.checkbox-icon:hover {
            color: $lt-green;
        }

        i.type-icon {
            display: inline-block;
            opacity: 1;
        }
    }

    div.details-list-item:hover {

        div.object-list-checkbox {
            
            i.checkbox-icon {
                display: inline-block;
                opacity: 1;
            }

            i.type-icon {
                display: none;
                opacity: 0;
            }
        }
    }
}

div.object-list-command-bar {
    width: 100%;
    height: 30px;
    flex-shrink: 0;
    display: flex;

    div.command-item{
        width: 30px;
        height: 100%;
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        user-select: none;
        cursor: pointer;
    }

    div.command-item.red:hover {
        color: $lt-red;
    }
}

div.dark.object-list-command-bar {

    div.command-item:hover {
        background-color: $lt-bg-color-lvl3-dark;
    }
}

div.light.object-list-command-bar {

    div.command-item:hover {
        background-color: $lt-bg-color-lvl3-light;
    }
}