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:
padding: 0 1rem 3rem 1rem;
}
#membership-button,
sib-ac-checker sib-link {
sib-ac-checker sib-link,
button#close-action {
@extend %blue-button;
height: 3rem;
......@@ -129,37 +130,46 @@ Properties are ordered by declaration type:
@media only screen and (max-width: 575px) {
margin-left: 1rem;
}
span.is-member {
span.is-member,
span.is-full,
span.is-passed {
display: none;
}
span.is-not-member {
display: contents;
}
span.is-full {
display: none;
}
}
#membership-button.is-member {
span.is-member {
display: contents;
}
span.is-not-member {
display: none;
}
span.is-full {
span.is-not-member,
span.is-full,
span.is-passed {
display: none;
}
}
#membership-button.is-full {
background: $light-grey;
color: $dark-grey;
span.is-member {
span.is-member,
span.is-not-member,
span.is-passed {
display: none;
}
span.is-not-member {
display: none;
span.is-full {
display: contents;
}
}
#membership-button.is-passed {
background: $light-grey;
color: $dark-grey;
span.is-member,
span.is-not-member,
span.is-full {
display: none;
}
span.is-passed {
display: contents;
}
}
......@@ -169,11 +179,17 @@ Properties are ordered by declaration type:
#membership-button {
display: inline-block;
}
/* #membership-button {
@media only screen and (max-width: 575px) {
margin-right: 100%;
}
} */
button#close-action {
background: $cta-red;
}
}
#action-closing-validation {
text-align: center;
button#confirm-action-closing {
@extend %cta-button;
margin: 2rem;
}
}
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