diff --git a/css/area_main-content-secedit.less b/css/area_main-content-secedit.less index c0aa231..cd5582d 100644 --- a/css/area_main-content-secedit.less +++ b/css/area_main-content-secedit.less @@ -16,13 +16,6 @@ border-color: @ini_background_page_header; } - .secedit button { - clear: both; - font-size: 100%; - margin-top: -1em; - margin-bottom: @small-spacing; - } - .editbutton_section { position: relative; z-index: 2; @@ -30,6 +23,12 @@ float: right; margin-top: 0; + form div.no { + button { + padding-right: 0; + } + } + button { background-color: transparent; color: transparent; @@ -37,23 +36,29 @@ &::after { content: ''; + float: right; display: inline-block; background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat; height: 1em; width: 1em; background-size: contain; + border: solid 2px transparent; + border-radius: @ini_default_border_radius; margin-left: @small-spacing; + margin-top: -1px; } &:hover, &:active, &:focus { - background-color: @ini_button_color; - color: @ini_button_background; - border-color: @ini_button_background; + //background-color: @ini_existing; + color: @ini_existing; + //border-color: @ini_existing; &::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; } } } diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less index 0f8f1ac..9f7f60d 100644 --- a/css/plugins/edittable.less +++ b/css/plugins/edittable.less @@ -6,15 +6,29 @@ div.editbutton_table { position: relative; // for IE z-index: 1; // for IE + float: left; margin-top: -1.46rem !important; // overwrite inline stales form div.no { button, input.button { 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; 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; + } } } diff --git a/img/file-export.svg b/img/file-export.svg new file mode 100644 index 0000000..d1a3f2d --- /dev/null +++ b/img/file-export.svg @@ -0,0 +1 @@ + \ No newline at end of file