/**
 * This file provides styles for do-task plugin
 */

/* + + + + +  global  + + + + + */

ul.page-attributes {
    .plugin_do_pagetasks {
        position: relative;
        border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius

        strong {
            overflow: hidden;
            background-color: @ini_background_site;
            border-color: @noopentasks-border;
            color: @ini_text_webframe;
        }

        &.do_none {
            .num {
                background-color: @noopentasks-border; // fix
                color: @noopentasks-color; // fix
            }
        }
    }
}

#dokuwiki__usertools.nav-usertools {
    ul {
        li {
            &.user-task {
                position: relative;

                button {
                    border-radius: @ini_default_border_radius;
                    border: 1px solid @wikiicons-border;
                    padding: .14rem 0 0 0;
                    min-width: 2rem;
                    min-height: 28px;
                    background: @ini_background none;

                    &::before {
                        content: ''; // remove when fontello is removed from usertools
                    }

                    &:hover,
                    &:focus,
                    &:active {
                        background: @ini_nav_menu_hover_color none;
                        border: none;

                        svg path {
                            fill: @ini_background;
                        }
                    }
                }

                svg {
                    width: 20px;
                    margin-top: 2px;

                    path {
                        fill: @ini_nav_menu_hover_color;
                    }

                    @media @screen_max-md {
                        margin-top: 4px;
                    }
                }

                .noopentasks {
                    span {
                        background-color: @ini_background_site;
                        border-color: @noopentasks-border;
                        color: @ini_text_webframe;
                    }

                    svg path {
                        fill: @ini_text_webframe;
                    }

                    .num {
                        background-color: @noopentasks-border; // fix
                        color: @noopentasks-color; // fix
                        margin-top: 1px;
                    }
                }

                @media @screen_max-sm {
                    display: none;
                }
            } // user-task
        } // li
    } // ul
}