diff --git a/web/themes/custom/caravane/assets/scss/main.scss b/web/themes/custom/caravane/assets/scss/main.scss index a67e55e..17079e1 100644 --- a/web/themes/custom/caravane/assets/scss/main.scss +++ b/web/themes/custom/caravane/assets/scss/main.scss @@ -307,7 +307,85 @@ body{ } } } - .leaflet-tooltip-center { + .leaflet-tooltip-pane { + width: 20vw; + pointer-events: none; + > div { + padding: 0; + border-radius: none; + box-shadow: none; + opacity: 1 !important; + border-radius: 0 !important; + background-color: transparent; + border: none; + > div { + max-height: 15vh; + overflow: hidden; + display: grid; + grid-template-columns: minmax(10px, 10vw) 10vw; + grid-template-rows: 1.5fr 0.5fr; + transform: translateY(-60%); + background-color: white; + opacity: 0; + transition: opacity 0.3s ease-out; + > div:first-of-type { + grid-column: 1 / span 1; + grid-row: 1 / span 1; + font-family: 'Joost', sans-serif; + font-size: $m-font-size; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding-top: 10px; + padding-left: 20px; + padding-right: 20px; + text-wrap: wrap; + > a { + font-weight: bold; + text-decoration: none; + color: $main-color; + padding-right: 10px; + } + } + > div:nth-of-type(2) { + grid-column: 1 / span 1; + grid-row: 2 / span 1; + text-align: center; + padding: 10px 0; + > time { + font-size: $sm-font-size; + font-family: 'Marianne', sans-serif; + font-weight: lighter; + } + } + > a { + display: block; + grid-column: 2 / span 1; + grid-row: 1 / span 2; + overflow: hidden; + width: 100%; + height: 100%; + padding: 0; + > div { + width: 100%; + height: 100%; + display: block; + padding: 0; + > img { + padding: 0; + height: 100%; + width: auto; + object-fit: cover; + margin: 0; + display: block; + } + } + } + } + } + } + /* .leaflet-tooltip-center { width: 20vw; padding: 0; border-radius: none; @@ -323,6 +401,7 @@ body{ grid-template-rows: 1.5fr 0.5fr; transform: translateY(-60%); background-color: white; + background-color: red; opacity: 0; transition: opacity 0.3s ease-out; > div:first-of-type { @@ -382,7 +461,7 @@ body{ } } - } + }*/ } > .layout__region--third { padding-right: $body-margin-x;