211de8a54aMotivation ---------- Since we do not have a dashboard it would be useful to directly see one's task on click upon the respective icon. Also this is most likely the dominating reason of the dashboard-usage. Implementation Decisions ------------------------ * Use SVG: Since we move towards using SVG everywhere in DokuWiki, I decided to use a SVG icon here as well. This makes it compatible with other templates too, without introducing an icon-font there. * Using a `<span>` instead of a `<strong>`: I do not see the semantic reason behind using a `<strong>` here. Other Changes ------------- * The styles related to the do-plugin have been moved from css/area_nav-usertools.less to css/plugins/do_tasks.less This needs the respective pull request merged from the do-plugin: https://github.com/cosmocode/do/pull/31 SPR-962
83 lines
2.1 KiB
Text
Executable file
83 lines
2.1 KiB
Text
Executable file
/**
|
|
* 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;
|
|
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;
|
|
|
|
a {
|
|
overflow: visible;
|
|
white-space: normal; // Is this still needed?
|
|
text-indent: 0;
|
|
|
|
&::before {
|
|
content: ''; // remove when fontello is removed from usertools
|
|
}
|
|
}
|
|
|
|
svg {
|
|
width: 20px;
|
|
margin-top: 2px;
|
|
|
|
@media @screen_max-md {
|
|
margin-top: 4px;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
:not(.noopentasks) {
|
|
svg path {
|
|
fill: @ini_background;
|
|
}
|
|
}
|
|
}
|
|
|
|
.noopentasks {
|
|
background-color: @ini_background;
|
|
border-color: @noopentasks-border;
|
|
color: @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
|
|
}
|
|
|
|
.plugin__do_usertasks_list {
|
|
z-index: 5;
|
|
}
|