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

SPR-742: edit buttons

Browse source
This commit is contained in:
Silke Pisulla 2017-04-03 13:31:35 +02:00
commit 89a4c45d5c
3 changed files with 32 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

27
css/area_main-content-secedit.less
View file

@ -16,13 +16,6 @@
border-color: @ini_background_page_header; border-color: @ini_background_page_header;
} }
.secedit button {
clear: both;
font-size: 100%;
margin-top: -1em;
margin-bottom: @small-spacing;
}
.editbutton_section { .editbutton_section {
position: relative; position: relative;
z-index: 2; z-index: 2;
@ -30,6 +23,12 @@
float: right; float: right;
margin-top: 0; margin-top: 0;
form div.no {
button {
padding-right: 0;
}
}
button { button {
background-color: transparent; background-color: transparent;
color: transparent; color: transparent;
@ -37,23 +36,29 @@
&::after { &::after {
content: ''; content: '';
float: right;
display: inline-block; display: inline-block;
background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat; background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
height: 1em; height: 1em;
width: 1em; width: 1em;
background-size: contain; background-size: contain;
border: solid 2px transparent;
border-radius: @ini_default_border_radius;
margin-left: @small-spacing; margin-left: @small-spacing;
margin-top: -1px;
} }
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
background-color: @ini_button_color; //background-color: @ini_existing;
color: @ini_button_background; color: @ini_existing;
border-color: @ini_button_background; //border-color: @ini_existing;
&::after { &::after {
background-image: url("svg.php?svg=pencil.svg&f=button_background"); background-color: @ini_existing;
background-image: url("svg.php?svg=pencil.svg&f=background_content");
border-color: @ini_existing;
} }
} }
} }

16
css/plugins/edittable.less
View file

@ -6,15 +6,29 @@
div.editbutton_table { div.editbutton_table {
position: relative; // for IE position: relative; // for IE
z-index: 1; // for IE z-index: 1; // for IE
float: left;
margin-top: -1.46rem !important; // overwrite inline stales margin-top: -1.46rem !important; // overwrite inline stales
form div.no { form div.no {
button, button,
input.button { input.button {
min-height: 1rem; min-height: 1rem;
// button - for inverted design: background-color: @ini_button_color; color: @ini_button_background; background-color: @ini_background_content;
border-top: solid 1px @ini_button_background;
border-color: @ini_border;
color: @ini_existing;
font-size: @font-size-small; font-size: @font-size-small;
margin-top: 0; margin-top: 0;
padding-right: .3em;
transition: @transition background-color, @transition border-color, @transition color;
&:hover,
&:focus,
&:active {
background-color: @ini_existing;
border-color: @ini_existing;
color: @ini_background_content;
}
} }
} }

1
img/file-export.svg Normal file
View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M8.93,12.22H16V19.29L13.88,17.17L11.05,20L8.22,17.17L11.05,14.35" /></svg>
Side by side

After

Width:  |  Height:  |  Size: 441 B