bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive header nav et taille carte, fix css

This commit is contained in:
ouidade 2024-11-21 10:42:14 +01:00
parent e50c8d95a2
commit bfb94ef05b
5 changed files with 18 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css
View File

@ -7,7 +7,7 @@
text-align: center; text-align: center;
position: relative; position: relative;
width: 155%; width: 155%;
max-width: 800px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
height: auto; height: auto;
} }
@ -63,7 +63,7 @@
color: white; color: white;
background: black; background: black;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.6rem; font-size: 0.5rem;
padding-left: 0.5rem; padding-left: 0.5rem;
text-decoration: none; text-decoration: none;
margin-top: 0.7rem; margin-top: 0.7rem;
@ -83,9 +83,10 @@
#popup-content { #popup-content {
width: 300px; width: 300px;
padding-right: 30px; padding-right: 30px;
font-size: 0.6rem !important;
} }
#popup-content p { #popup-content p {
font-size: 0.7rem; font-size: 0.6rem !important;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#popup-content { #popup-content {

4
web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php
View File

@ -61,9 +61,9 @@ class SitesMap extends BlockBase {
$x = round(($lon - $lonLeft) / ($lonRight - $lonLeft) * $vp_w); $x = round(($lon - $lonLeft) / ($lonRight - $lonLeft) * $vp_w);
$y = round(($latTop - $lat) / ($latTop - $latBottom) * $vp_h); $y = round(($latTop - $lat) / ($latTop - $latBottom) * $vp_h);
$r = 15; $r = 12;
$m = -$r/1.5+3; $m = -$r/1.5+3;
$l = $r/1.5 +4; $l = $r/1.5 +2.5;
$sites_paths .= <<<SVGSITEPATH $sites_paths .= <<<SVGSITEPATH
<g <g
id="site-$index" id="site-$index"

8
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -479,7 +479,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li a {
font-size: 0.6rem; font-size: 0.6rem;
} }
} }
@media (max-width: 500px) { @media (max-width: 810px) {
header .header_nav_container #block-quartiers-de-demain-entete ul li a { header .header_nav_container #block-quartiers-de-demain-entete ul li a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -3013,6 +3013,12 @@ body {
grid-column: 2/span 9; grid-column: 2/span 9;
} }
} }
@media (max-width: 510px) {
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 13rem;
grid-column: 2/span 9;
}
}
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 { .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
text-transform: none; text-transform: none;
color: black; color: black;

4
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
View File

@ -15,6 +15,10 @@
margin-top: 10rem; margin-top: 10rem;
grid-column: 2 /span 9; grid-column: 2 /span 9;
} }
@media(max-width: 510px){
margin-top: 13rem;
grid-column: 2 /span 9;
}
h1{ h1{
text-transform: none; text-transform: none;

39
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@ -221,7 +221,7 @@ header{
@media(max-width:1090px){ @media(max-width:1090px){
font-size: 0.6rem; font-size: 0.6rem;
} }
@media(max-width: 500px){ @media(max-width: 810px){
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -249,43 +249,6 @@ header{
#block-quartiers-de-demain-selecteurdelangue{ #block-quartiers-de-demain-selecteurdelangue{
width: fit-content; width: fit-content;
margin: auto; margin: auto;
// .language-switcher-language-url{
// text-transform: uppercase;
// color: white;
// ul{
// display: flex;
// flex-direction: row;
// font-size:0.6rem;
// padding: 0;
// @media(max-width: 660px){
// margin-bottom: 0;
// }
// @media(max-width: 500px){
// flex-direction: column;
// // margin-bottom: 0;
// margin: auto;
// }
// li a {
// color: white;
// font-family: 'gilroy-light';
// }
// li:nth-child(1){
// &::after{
// content: " / ";
// white-space: pre;
// @media(max-width: 660px){
// content:none ;
// }
// }
// }
// .is-active{
// font-family: 'gilroy-bold';
// }
// }
// }
} }
} }