DjalimSimaila/MVC_Recettes
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style form for appreciation

Browse Source
This commit is contained in:
Capelier-Marla 2023-01-26 18:10:51 +01:00
parent 3a8ae0cdf9
commit 3f1ff98251
2 changed files with 44 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
Views/appreciations/view_all.php
View File

@ -2,19 +2,20 @@
$O_recipe = $A_view["RECIPE"];
?>
<section>
<h1> Appréciations: </h1>
<h2> Appréciations: </h2>
<form method="POST" action="/appr/create">
<label for="comment">Entrez votre commentaire :</label>
<input type="text" name="comment" id="comment" placeholder="Commentaire">
<label for="note">Laissez une note :</label>
<input type="radio" name="note" id="note" value="0"> 0
<input type="radio" name="note" id="note" value="1" title="1"> 1
<input type="radio" name="note" id="note" value="2" title="2"> 2
<input type="radio" name="note" id="note" value="3" title="3" required> 3
<input type="radio" name="note" id="note" value="4" title="4"> 4
<input type="radio" name="note" id="note" value="5" title="5"> 5
<label for="comment">Ajoutez un commentaire :</label>
<textarea type="text" name="comment" id="comment" placeholder="Votre commentaire"></textarea>
<section class="appreciationNoteValue">
<label for="note">Laissez une note :</label>
<input type="radio" name="note" id="note" value="0"> 0
<input type="radio" name="note" id="note" value="1" title="1"> 1
<input type="radio" name="note" id="note" value="2" title="2"> 2
<input type="radio" name="note" id="note" value="3" title="3" required> 3
<input type="radio" name="note" id="note" value="4" title="4"> 4
<input type="radio" name="note" id="note" value="5" title="5"> 5
</section>
<input type="hidden" name="recipe_id" value="<?= $O_recipe->I_ID ?>">
<input type="submit" value="Envoyer">

33
static/style.css
View File

@ -316,7 +316,8 @@ main.userView > form > label {
}
:is(main.userView > form,
main.search > article > form)
main.search > article > form,
main.recipeView > article > section > form)
> input[type=submit] {
background: var(--principal-neutral);
border: none;
@ -417,6 +418,36 @@ main.recipeView > article > section.buttonsEditRecipe > a {
padding-left: var(--size-m);
padding-right: var(--size-m);
box-shadow: var(--shadow);
}
main.recipeView > article > section > form {
display: flex;
flex-direction: column;
gap: var(--size-m);
}
main.recipeView > article > section > form > label {
display: none;
}
main.recipeView > article > section > form > label:first-child {
display: block;
font-size: var(--size-xl);
}
main.recipeView > article > section > form > textarea {
font-family: 'Nunito', 'Arial';
background: var(--grey-light);
border: none;
border-radius: var(--border-radius);
padding: var(--size-m);
font-size: var(--size-l);
}
main.recipeView > article > section > form > textarea:focus-visible {
outline: none;
}
main.recipeView > article > section > form > section.appreciationNoteValue {
display: flex;
flex-direction: row;
gap: var(--size-s);
}
main.recipeView > article > section > form > input[type=submit] {
}