[TELE-1393] optimize form buttons (better UX)
This commit is contained in:
parent
5839785e06
commit
2195fb4ad5
|
@ -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
|
||||
*/
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue