//
// OSIVIA Bootstrap extensions - Tasks
// --------------------------------------------------


@task-avatar-size: @line-height-computed * 3;


button[name='open-tasks'] {
    position: relative;
    
    .counter {
        position: absolute;
        top: 0;
        right: 0;
        
        .toolbar & {
            top: floor((@navbar-height - @input-height-base) / -2);
        }
    }
    
    &:hover, &:focus {
        .label-default {
            .label-variant(darken(@label-default-bg, 10%));
        }
        
        .label-primary {
            .label-variant(darken(@label-primary-bg, 10%));
        }
        
        .label-success {
            .label-variant(darken(@label-success-bg, 10%));
        }
        
        .label-info {
            .label-variant(darken(@label-info-bg, 10%));
        }
        
        .label-warning {
            .label-variant(darken(@label-warning-bg, 10%));
        }
        
        .label-danger {
            .label-variant(darken(@label-danger-bg, 10%));
        }
    }
}


.tasks {
    > ul {
        margin-bottom: 0;
    }
    
    .media-object {
        width: @task-avatar-size;
        height: @task-avatar-size;
        
        img {
            position: relative;
            top: 50%;
            display: block;
            max-height: 100%;
            max-width: 100%;
            
            margin-left: auto;
            margin-right: auto;
            
            .translate(@x: 0, @y: -50%);
        }
    }
    
    .btn-group {
        min-height: floor(@line-height-computed / 2);
    }
    
    hr {
        margin-top: 0;
        margin-bottom: floor(@line-height-computed / 2);
    }
}