Merge pull request #111 from ThomasRubini/css_has_workaround

removed :has() css attributes to use classes
This commit is contained in:
Marla 2023-01-26 13:32:30 +01:00 committed by GitHub
commit b0b91cd513
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 9 additions and 9 deletions

View File

@ -9,7 +9,7 @@ $allCategory = array(
); );
?> ?>
<main> <main class="hasAside">
<?= View::show("common/category_list"); ?> <?= View::show("common/category_list"); ?>
<article> <article>
<?php <?php

View File

@ -10,7 +10,7 @@ $allCategory = array(
<aside> <aside>
<ul> <ul>
<li><h3>Catégories :</h3></li> <li class="hasH3"><h3>Catégories :</h3></li>
<?php <?php
foreach($allCategory as $category => $category_path) { foreach($allCategory as $category => $category_path) {
echo '<li><a href="/category#' . $category_path . '">'. $category . '</a></li>'; echo '<li><a href="/category#' . $category_path . '">'. $category . '</a></li>';

View File

@ -1,7 +1,7 @@
<img src="static/img/bandeau.jpg" alt="Cook"> <img src="static/img/bandeau.jpg" alt="Cook">
<main> <main class="hasAside">
<?php View::show("common/category_list") ?> <?php View::show("common/category_list") ?>
<article> <article>
<section> <section>

View File

@ -4,7 +4,7 @@
?> ?>
<main> <main class="hasAside">
<?php View::show("common/category_list") ?> <?php View::show("common/category_list") ?>
<article> <article>
<!-- Inclure les catégories --> <!-- Inclure les catégories -->

View File

@ -1,7 +1,7 @@
<?php <?php
$O_recipe = $A_view["RECIPE"]; $O_recipe = $A_view["RECIPE"];
?> ?>
<main> <main class="hasAside>
<?php View::show("common/category_list") ?> <?php View::show("common/category_list") ?>
<article> <article>
<img src="<?= $O_recipe->getImgLink() ?>" alt="Image d'illustration de la recette"> <img src="<?= $O_recipe->getImgLink() ?>" alt="Image d'illustration de la recette">

View File

@ -1,6 +1,6 @@
<?php <?php
if (isset($A_view["errmsg"])){ if (isset($A_view["errmsg"])){
echo "<p> Error: {$A_view["errmsg"]} </p>"; echo "<p class=\"inMainRegisterPage\"> Error: {$A_view["errmsg"]} </p>";
} }
?> ?>
<main class="registerPage"> <main class="registerPage">

View File

@ -114,7 +114,7 @@ body > header > nav > ul > li:last-child > a > img {
height: calc(var(--size-max) - var(--size-xl)); height: calc(var(--size-max) - var(--size-xl));
} }
main:has(aside) { main.hasAside {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
@ -140,7 +140,7 @@ aside ul {
flex-direction: column; flex-direction: column;
gap: var(--size-s); gap: var(--size-s);
} }
aside li:has(h3)::marker{ aside li.hasH3::marker{
content: none; content: none;
} }
aside li h3 { aside li h3 {
@ -206,7 +206,7 @@ main.registerPage {
gap: var(--size-xl); gap: var(--size-xl);
} }
body:has(main.registerPage) > p { p.inMainRegisterPage {
display: flex; display: flex;
justify-content: center; justify-content: center;
font-size: var(--size-xl); font-size: var(--size-xl);