[TELE-1393] optimize form buttons (better UX)

This commit is contained in:
Daniel Muyshond 2022-07-30 19:57:34 +02:00
parent 5839785e06
commit 2195fb4ad5
2 changed files with 29 additions and 1 deletions

View File

@ -361,6 +361,34 @@ div.invisible {
}
}
/*
Buttons
*/
div.link-cell.pk-button ul > li > a, .link-cell.lingo-basket-cell--item-pay ul > li > a, div.link-cell.pk-big-button ul > li > a, a.pk-button, a.lingo-basket-cell--item-pay, a.pk-big-button, div.table-container ul.pagination li.previous a, div.table-container ul.pagination li.next a, .fargo-pick-popup button, button.ui-button, a#a2-continue, .gru-content button, input[type="submit"], div.buttons input, .gru-content button.cancel-button, div.buttons .cancel-button button {
box-shadow: none;
&:hover {
box-shadow: none;
}
&:active {
border: 2px #ccc inset;
}
}
.cancel {
background: 0 !important;
border: 0 !important;
color: $link-color !important;
&:hover {
color: $darkened-primary-color !important;
text-decoration: underline !important;
}
&:active {
color: lighten($darkened-primary-color, 5%) !important;
border: 1px dotted $primary-color !important;
}
}
/*
Footer
*/

View File

@ -94,7 +94,7 @@ $button-hover-background: $imio-buttons-hover-color;
$button-border-radius: $border-radius;
$button-focus-outline: $widget-focus-outline;
$button-focus-outline-offset: $widget-focus-outline-offset;
$buttons-order: previous, cancel, submit;
$buttons-order: previous, submit, cancel;
$widget-background: darken(white, 5%);
$widget-color: darken($font-color, 15%);
$widget-border: 1px solid #aaa;