xref: /template/sprintdoc/css/plugins/do_tasks.less (revision d9d97457c39e04d8c09c10facf24ad8712cddae3) 
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
29/* + + + + +  usertool icon in header  + + + + + */
30#dokuwiki__usertools.nav-usertools {
31    ul {
32        li {
33            &.user-task {
34                .btn-usertools-wrapper();
35                .btn-usertools-num();
36
37                position: relative;
38
39                .plugin__do_usertasks {
40                    width: 100%;
41                    min-width: (@toggle-size + .25);
42                    min-height: @toggle-size;
43                    border-radius: @ini_default_border_radius;
44                    border: 1px solid @wikiicons-border;
45                    padding: .14rem 0 0 0;
46
47                    &::before {
48                        content: ''; // remove when fontello is removed from usertools
49                    }
50
51                    &:hover,
52                    &:focus,
53                    &:active {
54                        background-color: @ini_nav_menu_hover_color;
55                        border: none;
56
57                        svg path {
58                            fill: @ini_nav_menu_hover_bg;
59                        }
60                    }
61                }
62
63                button {
64                    background-color: @ini_nav_menu_hover_bg;
65                }
66
67                svg {
68                    width: 1.2rem;
69                    height: 1.2rem; // for IE 11
70                    margin-bottom: 2px;
71
72                    path {
73                        fill: @ini_nav_menu_hover_color;
74                    }
75                }
76
77                .noopentasks {
78                    span {
79                        background-color: @ini_background_site;
80                        border-color: @noopentasks-border;
81                        color: @ini_text_webframe;
82                    }
83
84                    svg path {
85                        fill: @ini_text_webframe;
86                    }
87
88                    .num {
89                        background-color: @noopentasks-border; // fix
90                        color: @noopentasks-color; // fix
91                        margin-top: 1px;
92                    }
93                }
94
95                @media @screen_max-xs {
96                    display: none;
97                }
98            } // user-task
99        } // li
100    } // ul
101}
102
103.plugin__do_usertasks_list {
104    background-color: transparent;
105
106    @media @screen_max-sm {
107        right: 1.25rem !important;
108        left: 1.25rem !important;
109    }
110
111    table.inline {
112        background-color: #FFF;
113        margin-top: .5rem;
114
115        @media @screen_max-sm {
116            width: 100%;
117        }
118    }
119}
120