Commit 3a1774d2 authored by Lowic Mangin's avatar Lowic Mangin

Styling button and modal to close an action in action-detail block

parent 326e02ad
...@@ -116,7 +116,8 @@ Properties are ordered by declaration type: ...@@ -116,7 +116,8 @@ Properties are ordered by declaration type:
padding: 0 1rem 3rem 1rem; padding: 0 1rem 3rem 1rem;
} }
#membership-button, #membership-button,
sib-ac-checker sib-link { sib-ac-checker sib-link,
button#close-action {
@extend %blue-button; @extend %blue-button;
height: 3rem; height: 3rem;
...@@ -129,37 +130,46 @@ Properties are ordered by declaration type: ...@@ -129,37 +130,46 @@ Properties are ordered by declaration type:
@media only screen and (max-width: 575px) { @media only screen and (max-width: 575px) {
margin-left: 1rem; margin-left: 1rem;
} }
span.is-member { span.is-member,
span.is-full,
span.is-passed {
display: none; display: none;
} }
span.is-not-member { span.is-not-member {
display: contents; display: contents;
} }
span.is-full {
display: none;
}
} }
#membership-button.is-member { #membership-button.is-member {
span.is-member { span.is-member {
display: contents; display: contents;
} }
span.is-not-member { span.is-not-member,
display: none; span.is-full,
} span.is-passed {
span.is-full {
display: none; display: none;
} }
} }
#membership-button.is-full { #membership-button.is-full {
background: $light-grey; background: $light-grey;
color: $dark-grey; color: $dark-grey;
span.is-member { span.is-member,
span.is-not-member,
span.is-passed {
display: none; display: none;
} }
span.is-not-member { span.is-full {
display: none; display: contents;
} }
}
#membership-button.is-passed {
background: $light-grey;
color: $dark-grey;
span.is-member,
span.is-not-member,
span.is-full { span.is-full {
display: none;
}
span.is-passed {
display: contents; display: contents;
} }
} }
...@@ -169,11 +179,17 @@ Properties are ordered by declaration type: ...@@ -169,11 +179,17 @@ Properties are ordered by declaration type:
#membership-button { #membership-button {
display: inline-block; display: inline-block;
} }
/* #membership-button { button#close-action {
@media only screen and (max-width: 575px) { background: $cta-red;
margin-right: 100%; }
} }
} */
#action-closing-validation {
text-align: center;
button#confirm-action-closing {
@extend %cta-button;
margin: 2rem;
}
} }
sib-display[label-links="Liens associés"] div { sib-display[label-links="Liens associés"] div {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment