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

SPR-835 only show an icon until hover

Browse source
This commit is contained in:
Andreas Gohr 2017-02-21 16:41:09 +01:00
commit c8f31200de
2 changed files with 36 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

30
css/area_main-content.less
View file

@ -4,7 +4,6 @@
* @author Jana Deutschlaender <deutschlaender@cosmocode.de> * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/ */
#dokuwiki__content.main-content { #dokuwiki__content.main-content {
.level2 { .level2 {
@ -26,8 +25,7 @@
padding: 0 0 1rem 0; padding: 0 0 1rem 0;
border: 1px solid #abced4; border: 1px solid #abced4;
background-color: #fff; background-color: #fff;
background-image: background-image: linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
linear-gradient(#eee .1em, transparent .1em); linear-gradient(#eee .1em, transparent .1em);
background-size: 100% 1.2em; background-size: 100% 1.2em;
opacity: .7; opacity: .7;
@ -38,9 +36,32 @@
position: relative; position: relative;
z-index: 2; z-index: 2;
top: 0; top: 0;
}
button {
background-color: transparent;
color: transparent;
border-color: transparent;
&::after {
content: '';
display: inline-block;
background: transparent url("svg.php?svg=pencil.svg&f=link") center center no-repeat;
height: 1em;
width: 1em;
background-size: contain;
margin-left: 0.5rem; // FIXME hard coded in plugins/edit.less
} }
&:hover,
&:active,
&:focus {
background-color: @button_color;
color: @button_background;
border-color: @button_background;
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */ /* min-width: 1440px */
@ -48,7 +69,6 @@
@media @screen_min-xlg { @media @screen_min-xlg {
} }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */ /* max-width: 1199px */

1
img/pencil.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 239 B