SPR-882: section edit button improvements

This commit is contained in:
Silke Pisulla 2017-05-05 11:41:34 +02:00
commit cabcae22c1
3 changed files with 34 additions and 38 deletions

View file

@ -1,10 +1,10 @@
/** /**
* This styles the "section editing button" * This styles the "section editing button" (data-plugin)
*/ */
#dokuwiki__content.main-content { #dokuwiki__content.main-content {
.editbutton_section { .secedit:not([class*="plugin"]):not([class*="table"]) {
position: relative; position: relative;
z-index: 2; z-index: 2;
top: 0; top: 0;

View file

@ -1,5 +1,5 @@
/** /**
* This file provides styles for old data plugin * This file provides styles for "data plugin"
* after importing struct data this can be deleted * after importing struct data this can be deleted
*/ */
@ -12,37 +12,37 @@
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
}
+ .secedit.editbutton_plugin_data { .editbutton_plugin_data {
position: relative; position: relative;
top: -1em; // as margin after DL top: -1em; // as margin after DL
float: left; float: left;
font-size: @font-size-small; // for right position font-size: @font-size-small; // for right position
margin-top: 0; margin-top: 0;
form { form {
button { button {
min-height: 1rem; min-height: 1rem;
height: 1.8em; height: 1.8em;
background-color: @ini_background; background-color: @ini_background;
border-top: solid 1px @ini_button_background; border-top: solid 1px @ini_button_background;
border-color: @ini_border; border-color: @ini_border;
border-radius: 0 0 @fix_border-radius @fix_border-radius; border-radius: 0 0 @fix_border-radius @fix_border-radius;
color: @ini_existing; color: @ini_existing;
font-size: @font-size-small; font-size: @font-size-small;
line-height: 1.8em; line-height: 1.8em;
margin-top: -1px; // for right position margin-top: -1px; // for right position
margin-left: .6em; margin-left: .6em;
padding: 0 .3em; padding: 0 .3em;
transition: @transition background-color, @transition border-color, @transition color; transition: @transition background-color, @transition border-color, @transition color;
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: @ini_existing; background-color: @ini_existing;
border-color: @ini_existing; border-color: @ini_existing;
color: @ini_background; color: @ini_background;
}
} }
} }
} }

View file

@ -1,5 +1,5 @@
/** /**
* This file provides styles for qc edittable plugin * This file provides styles for "edittable plugin"
*/ */
@ -10,7 +10,7 @@
position: relative; // for IE position: relative; // for IE
z-index: 1; // for IE z-index: 1; // for IE
float: left; float: left;
margin-top: -1.46rem !important; // overwrite inline stales margin-top: -1.4em !important; // overwrite inline stales
form div.no { form div.no {
button, button,
@ -22,14 +22,10 @@
border-radius: 0 0 @fix_border-radius @fix_border-radius; border-radius: 0 0 @fix_border-radius @fix_border-radius;
color: @ini_existing; color: @ini_existing;
font-size: @font-size-small; font-size: @font-size-small;
margin-top: 0; // for best position of edit-tab beneeth table margin-top: -1px; // for best position of edit-tab beneeth table
padding-right: .3em; padding-right: .3em;
transition: @transition background-color, @transition border-color, @transition color; transition: @transition background-color, @transition border-color, @transition color;
@media @screen_md-xlg {
margin-top: -1px; // for best position of edit-tab beneeth table
}
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {