EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use do-plugin's user task button w/ overlay

Browse source 
Motivation
----------
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
This commit is contained in:
Michael Große 2017-04-24 19:23:48 +02:00
commit 211de8a54a
No known key found for this signature in database
GPG key ID: 7E31028FBFEACC79
5 changed files with 67 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

46
css/area_nav-usertools.less
View file

@ -46,7 +46,7 @@
margin-bottom: @headericons-margin-xxs;
}
> strong,
> span,
> a {
display: block;
width: auto;
@ -68,6 +68,10 @@
@media @screen_max-md {
min-height: @toggle-size;
}
@media @screen_only-lg {
min-width: 2rem;
}
}
&.user {
@ -222,46 +226,6 @@
}
}
} // user
&.user-task {
position: relative;
a {
position: relative;
overflow: visible;
white-space: normal;
text-indent: 0;
&::before {
content: '';
position: absolute;
}
}
.prefix {
.btn-prefix();
.icon-clipboard();
display: block;
font-size: 1.2rem;
text-align: center;
margin-bottom: -1px;
}
} // user-task
&.noopentasks {
strong {
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;
}
}
} // li

57
css/plugins/do_tasks.less
View file

@ -24,3 +24,60 @@ ul.page-attributes {
}
}
}
#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;
}