Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Remove Reply button from guestbook

This commit is contained in:
Helen Chong 2024-05-24 20:35:02 +08:00
parent c42d0c8b9c
commit 9984c0ed55
2 changed files with 4 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/js/guestbook.js
View File

@ -115,11 +115,7 @@ const renderMessage = (item) => {
newMessageTime.classList.add('gb__message--time'); newMessageTime.classList.add('gb__message--time');
newMessageTime.textContent = itemValue.timestamp; newMessageTime.textContent = itemValue.timestamp;
const messageReplyBtn = document.createElement('button');
messageReplyBtn.classList.add('gb__message--reply-btn');
messageReplyBtn.textContent = 'Reply';
messageListEl.append(newThreadDiv); messageListEl.append(newThreadDiv);
newThreadDiv.append(newMessageDiv); newThreadDiv.append(newMessageDiv);
newMessageDiv.append(newMessageName, newMessageMsg, newMessageTime, messageReplyBtn); newMessageDiv.append(newMessageName, newMessageMsg, newMessageTime);
}; };

14
src/pages/guestbook.njk
View File

@ -64,8 +64,7 @@ eleventyComputed:
gap: 0.2em; gap: 0.2em;
} }
.gb__form--submit, .gb__form--submit {
.gb__message--reply-btn {
border: none; border: none;
background: var(--clr-link-btn-bg); background: var(--clr-link-btn-bg);
color: var(--clr-link-btn-txt); color: var(--clr-link-btn-txt);
@ -74,8 +73,7 @@ eleventyComputed:
.gb__form--group input, .gb__form--group input,
.gb__form--group textarea, .gb__form--group textarea,
.gb__form--submit, .gb__form--submit {
.gb__message--reply-btn {
border-radius: 0.2em; border-radius: 0.2em;
} }
@ -102,15 +100,9 @@ eleventyComputed:
font-size: 1.4rem; font-size: 1.4rem;
} }
.gb__message--time, .gb__message--time{
.gb__message--reply-btn {
font-size: 1rem; font-size: 1rem;
} }
.gb__message--reply-btn {
justify-self: start;
margin-top: 0.3em;
}
</style> </style>
<script type="module" src="/assets/js/guestbook.js" defer></script> <script type="module" src="/assets/js/guestbook.js" defer></script>