@import "../../../../Base/Content/sass/bootstrap/variables";
@import "helpers";

// --- Member
.kanban-member {
    // Remove top margin if used a bootstrap media
    &.media {
        margin-top: 0;
    }

    // Member image and svg (for member overflow)
    img,
    svg {
        height: $member-img-size;
        width: $member-img-size;
        border-radius: 50%;
    }

    // Member name
    span {
        font-size: smaller;

        &.glyphicon {
            font-size: inherit;
        }
    }

    // Button for removing member
    button {
        visibility: hidden;
    }

    &:hover button {
        visibility: visible;
    }
}

// --- Datepicker
.kanban-datepicker .dropdown-menu {
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    padding: 10px;

    .btn-group > .btn {
        // Correct border radius for 'Clear'-button
        &[ng-click="select(null)"] {
            border-radius: $border-radius-small;
        }

        // Hide 'Today'-button
        &[ng-click="select('today')"] {
            display: none;
        }
    }
}
