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

SPR-908: QS - better hover without jiggle

Browse source
This commit is contained in:
Silke Pisulla 2017-04-07 13:43:19 +02:00
commit d0de9e1262
1 changed files with 5 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
css/area_nav-pagetools.less
View file

@ -57,7 +57,6 @@ nav#dokuwiki__pagetools {
height: auto; height: auto;
min-height: @toolbox-size; // for nav:hover min-height: @toolbox-size; // for nav:hover
width: @toolbox-size; // for nav:hover width: @toolbox-size; // for nav:hover
//opacity: .6;
font-size: @font-size-default; font-size: @font-size-default;
padding: 2px @toolbox-size 2px 2px; padding: 2px @toolbox-size 2px 2px;
@ -80,8 +79,6 @@ nav#dokuwiki__pagetools {
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
//opacity: 1;
//color: @ini_nav_menu_hover_color;
background-color: transparent; background-color: transparent;
} }
@ -97,6 +94,7 @@ nav#dokuwiki__pagetools {
width: @page-tools_svg-size; width: @page-tools_svg-size;
height: @page-tools_svg-size; height: @page-tools_svg-size;
vertical-align: middle; vertical-align: middle;
border: solid 1px transparent;
margin: @page-tools_svg-space; margin: @page-tools_svg-space;
@media @screen_min-md { @media @screen_min-md {
@ -117,7 +115,6 @@ nav#dokuwiki__pagetools {
a { a {
.btn-hover(); .btn-hover();
//opacity: .6;
color: @ini_nav_menu_color; color: @ini_nav_menu_color;
* { * {
@ -130,7 +127,7 @@ nav#dokuwiki__pagetools {
&:hover { &:hover {
ul { ul {
box-shadow: @box-shadow;//@box-shadow-offset; box-shadow: @box-shadow; // @box-shadow-offset;
background-color: @ini_background_content; background-color: @ini_background_content;
border-color: @wikiicons-border; border-color: @wikiicons-border;
@ -140,24 +137,23 @@ nav#dokuwiki__pagetools {
a { a {
box-shadow: none; box-shadow: none;
background-image: none; background-image: none;
//opacity: .8;
border-color: transparent; border-color: transparent;
color: inherit; color: inherit;
padding: 2px 0 2px 2px; padding: 2px 0 2px 2px;
svg { svg {
border: solid 1px transparent;
border-radius: @ini_default_border_radius; border-radius: @ini_default_border_radius;
fill: @ini_existing; fill: @ini_existing;
transition: @transition background-color, @transition border-color, @transition fill;
} }
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
//opacity: 1;
svg { svg {
background-color: @ini_existing; background-color: @ini_existing;
border: solid 2px @ini_existing; border-color: @ini_existing;
fill: @ini_background_content; fill: @ini_background_content;
} }
} }