diff --git a/assets/styles.css b/assets/styles.css index f784a3c..95a76de 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -263,6 +263,7 @@ button { cursor: pointer; } .form-footer { display: flex; justify-content: center; gap: 8px; padding-top: 26px; } .detail-card { padding-bottom: 24px; } +.is-editing .detail-head, .is-editing .detail-body, .is-editing .comment-box { display: none; } .detail-head { padding: 23px 22px 20px; border-bottom: 1px solid var(--line); } .detail-title-line { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .detail-title-line h2 { margin: 0; font-size: 22px; letter-spacing: -.04em; } @@ -346,6 +347,9 @@ button { cursor: pointer; } .qa-list-page .sub-nav a.disabled-tab:hover, .egbim-page .sub-nav a.disabled-tab:hover { background: transparent; color: #fff; } .qa-list-page .page-shell { width: calc(100% - 80px); max-width: 1200px; padding: 51px 0 62px; margin-right: auto; margin-left: auto; } .egbim-page .page-shell { padding-top: 51px; } +.egbim-page .section-heading { display: block; margin-bottom: 40px; text-align: center; } +.egbim-page .section-heading h2 { font-size: 30px; } +.egbim-page .section-heading p { display: none; } .qa-list-heading { margin: 0 0 40px; text-align: center; } .qa-list-heading h1 { margin: 0; font-size: 30px; line-height: 1.35; letter-spacing: -.06em; } .qa-list-page .filter-panel { padding: 0; margin: 0 0 40px; border: 0; background: transparent; } diff --git a/egbim/app.js b/egbim/app.js index b82ef2b..27d111e 100644 --- a/egbim/app.js +++ b/egbim/app.js @@ -245,6 +245,11 @@ } } + function normalizePageHeading() { + qsa('.egbim-page .section-heading h2').forEach(function (heading) { heading.textContent = '문의하기(Q&A)'; }); + qsa('.egbim-page .section-heading p').forEach(function (description) { description.remove(); }); + } + function showToast(message) { const toast = qs('#toast'); if (!toast) return; @@ -449,10 +454,11 @@ editError.hidden = true; editError.style.display = 'none'; editForm.hidden = false; + detail.classList.add('is-editing'); editForm.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); const editCancel = qs('#editCancel'); - if (editCancel && editForm) editCancel.addEventListener('click', function () { editForm.hidden = true; }); + if (editCancel && editForm) editCancel.addEventListener('click', function () { editForm.hidden = true; detail.classList.remove('is-editing'); }); if (editForm) editForm.addEventListener('submit', async function (event) { event.preventDefault(); editError.hidden = true; @@ -485,6 +491,7 @@ qs('[data-detail-content]').textContent = post.content; qs('[data-detail-secret]').hidden = !post.secret; editForm.hidden = true; + detail.classList.remove('is-editing'); showToast('문의가 수정되었습니다.'); } catch (error) { editError.textContent = error.message || '문의 수정에 실패했습니다.'; @@ -614,5 +621,5 @@ }); } - document.addEventListener('DOMContentLoaded', function () { bindGlobal(); initList(); initWrite(); initDetail(); }); + document.addEventListener('DOMContentLoaded', function () { normalizePageHeading(); bindGlobal(); initList(); initWrite(); initDetail(); }); })();