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

refactor: drop DokuWiki pagetools CSS

Browse source 
DokuWikis Pagetools CSS changes significantly between Frusterick Manners
and Greebo, Since we already have pagetools like in Greebo in this
template by default, it makes sense to use our own styles all the way to
reduce duplication and to ensure a consistent look.

This made some more adjustments/simplifications necessary/possible.
This commit is contained in:
Michael Große 2018-01-19 15:31:00 +01:00
commit be2951ad9a
No known key found for this signature in database
GPG key ID: 7E31028FBFEACC79
2 changed files with 31 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

50
css/area_nav-pagetools.less
View file

@ -31,7 +31,15 @@
nav#dokuwiki__pagetools {
@toolbox-size: 30px;
@page-tools_svg-size: 25px;
@page-tools_svg-space: (@toolbox-size - @page-tools_svg-size) / 2;
@item-width: (@page-tools_svg-size + @page-tools_svg-space + @page-tools_svg-space);
@item-height: (@page-tools_svg-size + @page-tools_svg-space);
top: 3.05rem;
position: absolute;
width: @item-width;
@media @screen_min-md {
right: -2.5rem;
@ -44,25 +52,37 @@ nav#dokuwiki__pagetools {
@media @screen_max-xxs {
display: none;
}
div.tools {
position: fixed;
width: @item-width;
}
ul {
li {
@page-tools_svg-size: 25px;
@page-tools_svg-space: (@toolbox-size - @page-tools_svg-size) / 2;
position: absolute;
right: 0;
text-align: right;
margin: 0;
padding: 0;
/* add transparent border to prevent jumping when proper border is added on hover */
border: 1px solid transparent;
* {
font-size: @font-size-default;
}
li {
padding: 0;
margin: 0;
list-style: none;
a {
.fontello-double();
display: inline-table;
/* add transparent border to prevent jumping when proper border is added on focus */
border: 1px solid transparent;
white-space: nowrap;
vertical-align: middle;
height: @item-height;
position: relative;
height: auto;
min-height: @toolbox-size; // for nav:hover
width: @toolbox-size; // for nav:hover
line-height: 20px;
font-size: @font-size-default;
padding: 2px @toolbox-size 2px 2px;
padding: 2px 0 2px 2px;
@media @screen_min-md {
color: @ini_nav_menu_color;
@ -72,10 +92,6 @@ nav#dokuwiki__pagetools {
color: @ini_existing;
}
* {
color: inherit;
}
&::before {
display: none;
}
@ -91,9 +107,6 @@ nav#dokuwiki__pagetools {
background-image: none;
background-color: @ini_background;
color: @ini_existing;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 0;
span {
position: relative;
@ -152,7 +165,6 @@ nav#dokuwiki__pagetools {
background-image: none;
border-color: transparent;
color: inherit;
padding: 2px 0 2px 2px;
svg {
border: solid 1px transparent;