Commit 1fcd447f authored by Alexandre's avatar Alexandre

Merge branch 'integration-adp' into dev

parents 4befd60a 15d4749d
......@@ -16,6 +16,7 @@ sib-map {
max-width: 1024px;
height: 600px;
margin: auto;
margin-bottom: 4rem;
padding: none;
background: $primary-blue;
......@@ -122,3 +123,100 @@ sib-map {
}
}
}
risefor-map {
position: relative;
#action-preview-,
#action-preview-la-carte {
> sib-display {
display: block;
position: absolute;
top: 7rem;
left: 6rem;
z-index: 1000;
width: 240px;
box-shadow: 0 0 8px $secondary-blue;
background: white;
@media only screen and (max-width: 1599px) {
// Hack value for the breakpoint
left: 1rem;
}
@media only screen and (max-width: 991px) {
top: 24rem;
left: 2rem;
}
@media only screen and (max-width: 575px) {
left: 1rem;
}
> div {
width: 100%;
height: 25rem;
rfm-display-status div {
position: relative;
height: 1.6rem;
padding: 0.2rem 1rem;
background: $primary-blue;
color: white;
}
rfm-display-status div.open-status {
background: $secondary-blue;
}
rfm-display-status div.closed-status {
background: $cta-red;
}
rfm-display-img {
position: relative;
top: 0;
width: 100%;
img[name="theme.photo"] {
width: 100%;
height: 10.4rem;
object-fit: cover;
}
}
sib-display-value[name="name"] {
display: block;
margin: 0.5rem 0.8rem;
height: 3.2rem;
@extend %title-typo;
font-size: 1.4rem;
@extend %over-text;
}
sib-display-value[name="description"] {
display: block;
height: 2.3rem;
margin: 0.5rem 0.8rem;
@extend %over-text;
}
div[name="date-and-location"] {
margin: 0.5rem 0.8rem 2rem 0.8rem;
color: $secondary-blue;
text-transform: uppercase;
@extend %over-text;
rfm-display-date[name="date"] {
margin-right: 2rem;
}
}
sib-action[name="cta"] {
@extend %blue-button;
margin: 0.8rem;
font-weight: 700;
}
}
}
}
}
......@@ -128,6 +128,7 @@ Properties are ordered by declaration type:
margin: 2rem 3rem 0 3rem;
sib-display {
// FRAME OF AN ACTION
width: 30%;
height: 20rem;
margin: 0 1% 2rem 1%;
......@@ -144,7 +145,6 @@ Properties are ordered by declaration type:
// background: lightgrey; // FOR DEBUG
rfm-display-status div {
// FRAME OF AN ACTION
position: absolute;
top: 0;
right: 0;
......
......@@ -72,6 +72,7 @@ Properties are ordered by declaration type:
a {
@extend %blue-button;
padding: 1rem 1.5rem;
box-shadow: 0.2rem 0.2rem 0.2rem $dark-grey;
@extend %title-typo;
color: $primary-blue;
......
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