diff --git a/src/main/webapp/m/css/style.css b/src/main/webapp/m/css/style.css index c7d5c56..388e901 100644 --- a/src/main/webapp/m/css/style.css +++ b/src/main/webapp/m/css/style.css @@ -15808,6 +15808,13 @@ main.sona_cont_measurement { display: flex; } +.community_view01 .profile_info .btn_reply{ + font-size: 13px; + position: relative; + bottom: 0.1355rem; + cursor: pointer; +} + .community_view01 .like_shared_cont { display: flex; justify-content: flex-end; @@ -15908,6 +15915,30 @@ main.sona_cont_measurement { border-radius: 15px; } +.comment_input_cont .reply_cont{ + width: 100%; + height: 1.3rem; + background-color: #FFEBCB; + position: absolute; + display: none; + justify-content: space-between; + align-items: center; + padding: 0 10px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + top: -1.3rem; + left: 0; +} + +.comment_input_cont .active{ + display: flex; +} + +.comment_input_cont .reply_cont .reply_to{ + font-size: 1rem; + color: rgba(0, 0, 0, 0.86); +} + .community_option { display: none; diff --git a/src/main/webapp/m/html/community/13-5.커뮤니티-자유글-게시글상세.html b/src/main/webapp/m/html/community/13-5.커뮤니티-자유글-게시글상세.html index b1c687a..ea602f3 100644 --- a/src/main/webapp/m/html/community/13-5.커뮤니티-자유글-게시글상세.html +++ b/src/main/webapp/m/html/community/13-5.커뮤니티-자유글-게시글상세.html @@ -131,11 +131,15 @@
닉네임
-00:00
+00:00
+·
+ +닉네임
-00:00
+00:00
+·
+ +닉네임
-00:00
+00:00
+·
+ +닉네임
-00:00
+00:00
+·
+ +닉네임
-00:00
+00:00
+·
+ +닉네임
-00:00
+00:00
+·
+ +
- +-
@@ -407,6 +437,13 @@
$(".modal_layer").on("click", function() {
$(".community_option").removeClass("open");
})
+
+ $(".btn_reply").on("click", function() {
+ $(".reply_cont").addClass("active");
+ })
+ $(".reply_del").on("click", function() {
+ $(".reply_cont").removeClass("active");
+ })
});
var swiper = new Swiper('.swiper-container', {
spaceBetween: 20,
diff --git a/src/main/webapp/m/img/community/person-fill.svg b/src/main/webapp/m/img/community/person-fill.svg
new file mode 100644
index 0000000..38033ec
--- /dev/null
+++ b/src/main/webapp/m/img/community/person-fill.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file