style de immages des commentaires : bouton uplad et images affichées
This commit is contained in:
@@ -57,7 +57,8 @@ section.archive > * {
|
|||||||
width: 90%;
|
width: 90%;
|
||||||
background: #efefef;
|
background: #efefef;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border-bottom: 3px solid #ccc;
|
border-bottom-left-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
}
|
}
|
||||||
#new_comment_label {
|
#new_comment_label {
|
||||||
background: #ccc;
|
background: #ccc;
|
||||||
@@ -88,6 +89,21 @@ section.archive > * {
|
|||||||
width: calc(100% - 20px);
|
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 {
|
#new_comment_label.sent {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
@@ -136,6 +152,15 @@ section article.comment_archive {
|
|||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.comment-photo {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment-photo img {
|
||||||
|
max-width: 100%;
|
||||||
|
border: 1px solid #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
/*********************************/
|
/*********************************/
|
||||||
/** Editor page **/
|
/** Editor page **/
|
||||||
/*********************************/
|
/*********************************/
|
||||||
@@ -657,6 +682,7 @@ form.form input[type="checkbox"]:checked + span:before {
|
|||||||
.bool-grid .bool-cell {
|
.bool-grid .bool-cell {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bool-grid .bool-cell:last-child {
|
.bool-grid .bool-cell:last-child {
|
||||||
|
|||||||
@@ -195,7 +195,9 @@
|
|||||||
<div id="new_comment_form">
|
<div id="new_comment_form">
|
||||||
<textarea id="comment" name="comment" rows="5" placeholder="Votre commentaire"></textarea>
|
<textarea id="comment" name="comment" rows="5" placeholder="Votre commentaire"></textarea>
|
||||||
|
|
||||||
<label for="photo">Ajouter une photo</label>
|
<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/*">
|
<input type="file" id="photo" name="photo" accept="image/*">
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
Reference in New Issue
Block a user