@metacell/geppetto-meta-ui/list-viewer/listviewer.less

React components from geppetto-meta to create neuroscience applications and visualize data.

.listviewer {
    display: flex;
    width: 100%;
    min-height: 100%;
    flex-grow: 2;
    flex-direction: column;
    .listviewer-container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        overflow: auto;
        > div {
            flex-grow: 2;
        }    
    }

    .griddle-filter {
        padding: 0.5em;
        margin-bottom: 1em;
     }
    
    table {
        min-width: 100%;
        overflow: auto;
        border-spacing: 0;
        border-collapse: collapse;
    }

    tr.griddle-row{
        height: 1.5em;
    }

    
    thead {
       
        th{
            border-bottom: 1px solid;
        }
    } 


    td, th {
        padding: 0.3em;
        text-align: left;
        max-width: 50%;
        
        img {
            max-height: 1.5em;
        }
    }

    .list-icon{
        cursor: pointer;
        padding: 0.2em;
        font-size: 1.5em;
        &:hover {
            opacity: 0.7;
        }
    }


}