entrouvert
/
imio-publik-themes
22
1
Fork 0
Code Issues Pull Requests Releases Activity

[TELE-76] improve form buttons

This commit is contained in:
Daniel Muyshond 2022-04-22 14:46:11 +02:00
parent 2090225c86
commit e2520fdd5b
3 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/imio/_custom.scss
View File

@ -53,3 +53,23 @@ a#publik-portal-agent {
right: 6%;
border: None;
}
button.form-previous {
background-color: rgba(0, 0, 0, 0) !important;
color: $link-color !important;
box-shadow: none !important;
border: 1px solid lighten($primary-color, 5%) !important;
&:hover {
background-color: $primary-color !important;
color: white !important;
}
}
button.form-discard {
background-color: rgba(0, 0, 0, 0) !important;
color: $link-color !important;
box-shadow: none !important;
&:hover {
text-decoration: underline !important;
}
}

2
static/imio/_form-buttons.scss
View File

@ -1,11 +1,11 @@
@charset "UTF-8";
$button-background: $primary-color !default;
$print-register-draft-button: false !default;
$button-hover-color: white !default;
$button-hover-background-color: $primary-color !default;
$box-shadow-hover-button: 0 1px 1px rgba(0, 0, 0, 0.01),
2px 2px 2px rgba(0, 0, 0, 0.07), 0 8px 8px rgba(0, 0, 0, 0.05),
0 16px 16px rgba(0, 0, 0, 0.001) !default;
$buttons-order: cancel, previous, submit;
div.previous-button {
float: left;
}

3
static/imio/_vars.scss
View File

@ -32,6 +32,9 @@ $cell-entry-hover-effect: left-to-right;
/*FORM-BUTTON*/
$button-hover-background-color: darken($primary-color, 8%);
$button-background: $primary-color;
$buttons-order: null; // in the desired order (ex: previous, submit, cancel)
$buttons-alignment: null; // any flexbox justify-content value;
/*FOOTER*/
$footer-background-color: hsl(0, 0%, 19%);