caen: restore tracking-code-input button colors (#86414)

This commit is contained in:
Thomas Jund 2024-02-01 14:36:49 +01:00 committed by Thomas Jund
parent 31271e2352
commit 53bcaaf537
2 changed files with 25 additions and 30 deletions

View File

@ -94,20 +94,18 @@ label {
} }
%cancel-button { %cancel-button {
&, &:hover { --background: #fff;
padding: 1.1em 2em 1em; --color: black;
background-color: #fff; padding: 1.1em 2em 1em;
color: black; border-color: $gray;
border-color: $gray;
}
} }
%orange-button { %orange-button {
@extend %cancel-button; padding: 1.1em 2em 1em;
&, &:hover { --color: black;
background-color: $orange !important; --background: #{$orange};
border-color: $orange; --hover-background: #{$orange};
} border-color: $orange;
} }
// //
@ -492,7 +490,7 @@ $topmessage-alt :
} }
} }
div.tracking-code-input-cell { .gru-content div.tracking-code-input-cell {
@extend .cell-with-dash; @extend .cell-with-dash;
@extend .cell-blue; @extend .cell-blue;
p { p {
@ -507,20 +505,20 @@ div.tracking-code-input-cell {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: stretch; align-items: stretch;
} input.tracking-code--input {
input.tracking-code--input { flex: 1 1 0;
flex: 1 1 0; margin: 0;
margin: 0; min-width: 8em;
min-width: 8em; }
} button {
button { @extend %button;
margin-right: 0; --hover-background: #{$orange};
border-radius: 3px; margin-right: 0;
margin-left: 0.25em; border-radius: 3px;
&:hover { margin-left: 0.25em;
background: $orange; &:hover {
color: black; box-shadow: none;
box-shadow: none; }
} }
} }
&.cell h2 + div { &.cell h2 + div {
@ -619,10 +617,6 @@ div#rub_service {
} }
} }
div.gru-content .submit-button button,
div.gru-content button.submit-button {
@extend %orange-button;
}
div.gru-content .previous-button button { div.gru-content .previous-button button {
@extend %cancel-button; @extend %cancel-button;
} }

View File

@ -68,6 +68,7 @@ $button-background: black;
$buttons-order: cancel (grow), previous, submit; $buttons-order: cancel (grow), previous, submit;
$button-hover-color: black; $button-hover-color: black;
$button-hover-background: white; $button-hover-background: white;
$submit-button-style: "%orange-button";
$form-sidebar-gutter: $columns-gutter; $form-sidebar-gutter: $columns-gutter;
$form-sidebar-width: 25.5%; $form-sidebar-width: 25.5%;