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

more styling for section edit buttons

Browse source 
moved the whole section editing and highlighting stuff to its own file.
also moved the edittable specific parts to their proper plugin file.
This commit is contained in:
Andreas Gohr 2017-02-22 10:48:36 +01:00
commit c184619466
5 changed files with 71 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

56
css/area_main-content-secedit.less Normal file
View file

@ -0,0 +1,56 @@
/**
* This styles the section editing buttons and highlighting
*/
#dokuwiki__content.main-content {
@button-margin: .5rem; // FIXME shouldn't we have something in our base.less for this?
div.section_highlight {
clear: right; // FIXME why?
background: repeating-linear-gradient(
-45deg,
transparent,
transparent 10px,
@ini_background_alt 10px,
@ini_background_alt 20px,
);
}
.secedit button {
clear: both;
font-size: 100%;
margin-top: @button-margin;
margin-bottom: @button-margin;
}
.editbutton_section {
float: right;
margin-top: 0;
position: relative;
z-index: 2;
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: @button-margin;
}
&:hover,
&:active,
&:focus {
background-color: @button_color;
color: @button_background;
border-color: @button_background;
}
}
}
}

40
css/area_main-content.less
View file

@ -20,46 +20,6 @@
}
}
div.section_highlight{
background: repeating-linear-gradient(
-45deg,
@ini_background_neu,
@ini_background_neu 10px,
@ini_background 10px,
@ini_background 20px,
);
}
.secedit {
float: right;
margin-top: 0;
position: relative;
z-index: 2;
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;
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */

17
css/plugins/edit.less
View file

@ -4,22 +4,7 @@
*/
/* + + + + + edit view + + + + + */
.dokuwiki {
div.section_highlight {
clear: right;
}
.secedit button {
clear: both;
font-size: 100%;
margin-top: .5rem;
margin-bottom: .5rem;
}
div.editbutton_table form div.no {
button,
input.button {
border-top: solid 1px @button_background;
margin-top: 0;
}
}
.editBox {
.editButtons {
display: inline-block;

12
css/plugins/edittable.less Normal file
View file

@ -0,0 +1,12 @@
/**
* Style Adjustments for the edittable plugin
*/
#dokuwiki__content.main-content {
div.editbutton_table form div.no {
button,
input.button {
margin-top: 0;
font-size: @font-size-very-small;
}
}
}

2
style.ini
View file

@ -75,6 +75,7 @@ css/area_main-sidebar-nav.less = all
css/area_main-sidebar-content.less = all
;css/area_sidetools.less = all
css/area_main-content.less = all
css/area_main-content-secedit.less = all
css/area_togglelink.less = all
css/template_admin.less = all
@ -93,6 +94,7 @@ css/plugins/edit.less = all
css/plugins/mediamanager.less = all
css/plugins/tabinclude.less = all
css/plugins/include.less = all
css/plugins/edittable.less = all
; _____________ print styles _____________