@import "compass/css3";
@import "compass/typography/text/ellipsis";
@import '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';


#post-bkmarks-list{

    .loading{
        pointer-events: none;
        @include opacity(0.5);
    }
    
    .ellipsis{
        display:block;
        @include ellipsis($no-wrap: true);
    }
    
    >.search-box{ //filter links
        
    }
    >.subsubsub{ //tabs
        margin:0;
        margin-bottom:1em;
    }
    
    >.tablenav{ //bulk actions
        .row-add-button{
            margin:0;
            body.no-js &{
                display:none;
            }
        }
        &.top{
            
        }
        &.bottom{
            
        }
        
    }
    
    > table.wp-list-table{
        .column-reorder,.column-favicon {
            width: 2em;
            text-align:center;
        }
        
        .column-action{
            body.no-js &{
                display:none;
            }
        }
        
        #the-list {

            tr{

                td{
                    overflow:hidden;
                    input[type='text']{
                        width:100%;
                    }
                    
                    &.column-reorder{
                        .metabox-table-row-draghandle {
                            text-align: center;
                            &:not(.disabled) {
                                cursor: pointer;
                                cursor: hand;
                            }
                            &.disabled{
                                opacity:0.5;
                            }
                        }
                    }
   
                    &.column-category{
                        ul{
                            list-style: none;
                            padding:0;
                            margin:0;
                        }
                    }
                    &.column-favicon{
                        .post-bkmarks-favicon{
                            display: inline-block;
                            width: 2em;
                            height: 2em;
                            background-position: center center;
                            background-repeat: no-repeat;
                        }
                    }
                    
                    
                }
                
                &.metabox-table-row-new{
                    &:first-child { //reference blank row
                        body.js &{ //hide it if js enabled
                            display:none;
                        }
                    }
                    
                }
                
                .metabox-table-cell-toggle{
                    &.metabox-table-cell-display{
                        display:inherit;
                    }
                    &.metabox-table-cell-edit{
                        display:none;
                    }
                }
                
                .row-actions{
                    span.save{
                        display:none;
                    }
                }

                &.metabox-table-row-edit{
                    .metabox-table-cell-toggle{
                        &.metabox-table-cell-display{
                            display:none;
                        }
                        &.metabox-table-cell-edit{
                            display:inherit;
                        }
                    }
                    
                    .row-actions{
                        span.save{
                            display:inline;
                        }
                        span.edit{
                            display:none;
                        }
                    }
                    
                }
                
            }

        }
        
    }

}