xref: /template/sprintdoc/css/plugins/do_tasks.less (revision 96ba5aa0ba902b61fbb8cd92922d58a9d609bc4c) 
1/**
2 * This file provides styles for do-task plugin
3 */
4
5/* + + + + +  global  + + + + + */
6
7ul.page-attributes {
8    .plugin_do_pagetasks {
9        position: relative;
10        border-radius: @ini_default_border_radius; // @ini_default_border_radius vs. @fix_border-radius
11
12        strong {
13            overflow: hidden;
14            background-color: @ini_background_site;
15            border-color: @noopentasks-border;
16            color: @ini_text_webframe;
17        }
18
19        &.do_none {
20            .num {
21                background-color: @noopentasks-border; // fix
22                color: @noopentasks-color; // fix
23            }
24        }
25    }
26}
27
28#dokuwiki__usertools.nav-usertools {
29    ul {
30        li {
31            &.user-task {
32                position: relative;
33
34                button {
35                    border-radius: @ini_default_border_radius;
36                    border: 1px solid @wikiicons-border;
37                    padding: .14rem 0 0 0;
38                    min-width: 2rem;
39                    min-height: 28px;
40                    background-color: @ini_nav_menu_hover_bg;
41
42                    &::before {
43                        content: ''; // remove when fontello is removed from usertools
44                    }
45
46                    &:hover,
47                    &:focus,
48                    &:active {
49                        background-color: @ini_nav_menu_hover_color;
50                        border: none;
51
52                        svg path {
53                            fill: @ini_nav_menu_hover_bg;
54                        }
55                    }
56                }
57
58                svg {
59                    width: 20px;
60                    margin-top: 2px;
61
62                    path {
63                        fill: @ini_nav_menu_hover_color;
64                    }
65
66                    @media @screen_max-md {
67                        margin-top: 4px;
68                    }
69                }
70
71                .noopentasks {
72                    span {
73                        background-color: @ini_background_site;
74                        border-color: @noopentasks-border;
75                        color: @ini_text_webframe;
76                    }
77
78                    svg path {
79                        fill: @ini_text_webframe;
80                    }
81
82                    .num {
83                        background-color: @noopentasks-border; // fix
84                        color: @noopentasks-color; // fix
85                        margin-top: 1px;
86                    }
87                }
88
89                @media @screen_max-sm {
90                    display: none;
91                }
92            } // user-task
93        } // li
94    } // ul
95}
96
97.plugin__do_usertasks_list {
98    z-index: 5;
99}
100