adding a responsive breakpoints debug flag

This commit is contained in:
Mathieu Jaumotte 2021-07-28 12:59:03 +02:00
parent 57a8b49f49
commit 50e9a06e49
5 changed files with 25 additions and 1 deletions

View File

@ -59,3 +59,4 @@
// CHILL custom
@import "custom";
@import "custom/_debug";

View File

@ -0,0 +1,19 @@
body {
position: relative;
div.responsive {
position: fixed;
top: 0;
left: 50%;
background-color: #4a4d50;
color: white;
padding: 0.5em;
z-index: 10000;
@media (max-width: 576px) { &::after { content: 'XS'; }}
@media (min-width: 576px) { &::after { content: 'SM'; }}
@media (min-width: 768px) { &::after { content: 'MD'; }}
@media (min-width: 992px) { &::after { content: 'LG'; }}
@media (min-width: 1200px) { &::after { content: 'XL'; }}
@media (min-width: 1400px) { &::after { content: 'XXL'; }}
}
}

View File

@ -0,0 +1 @@
<div class="responsive"></div>

View File

@ -38,6 +38,9 @@
</head>
<body>
{#
{{ include('@ChillMain/Layout/_debug.html.twig') }}
#}
{{ include('@ChillMain/Layout/_header.html.twig') }}
{% block top_banner %}{#

View File

@ -59,7 +59,7 @@ class PersonRender extends AbstractChillEntityRender
'addInfo' => $options['addInfo'] ?? false,
'hLevel' => $options['hLevel'] ?? 3,
];
dump($params);
return
$this->getDefaultOpeningBox('person') .
$this->engine->render('@ChillPerson/Entity/person.html.twig', [