style de immages des commentaires : bouton uplad et images affichées

This commit is contained in:
leosw
2026-04-12 14:31:19 +02:00
parent b9297c8617
commit 79711d9551
2 changed files with 31 additions and 3 deletions

View File

@@ -57,7 +57,8 @@ section.archive > * {
width: 90%;
background: #efefef;
border: 1px solid #ccc;
border-bottom: 3px solid #ccc;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#new_comment_label {
background: #ccc;
@@ -88,6 +89,21 @@ section.archive > * {
width: calc(100% - 20px);
}
#new_comment_form #photo {
display: none;
}
#new_comment_form .upload-btn {
display: block;
width: 100%;
border-bottom: 2px solid blue;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
text-align: center;
background: #ccc;
padding: 7px 0;
color: black;
}
#new_comment_label.sent {
cursor: default;
}
@@ -136,6 +152,15 @@ section article.comment_archive {
opacity: 0.5;
}
.comment-photo {
max-width: 100%;
}
.comment-photo img {
max-width: 100%;
border: 1px solid #bbb;
}
/*********************************/
/** Editor page **/
/*********************************/
@@ -657,6 +682,7 @@ form.form input[type="checkbox"]:checked + span:before {
.bool-grid .bool-cell {
margin-right: 10px;
text-align: center;
flex: 1;
}
.bool-grid .bool-cell:last-child {

View File

@@ -195,8 +195,10 @@
<div id="new_comment_form">
<textarea id="comment" name="comment" rows="5" placeholder="Votre commentaire"></textarea>
<label for="photo">Ajouter une photo</label>
<input type="file" id="photo" name="photo" accept="image/*">
<label for="photo" class="upload-btn">
<i class="fas fa-file-image"></i> Ajouter une photo
</label>
<input type="file" id="photo" name="photo" accept="image/*">
</div>
</form>
</div>