이유식 팝업 퍼블리싱 적용

3 years ago · 4ec99cfda9
parent 276fd6020c
commit 4ec99cfda9
4 changed files with 10 additions and 8 deletions
--- a/src/main/webapp/WEB-INF/views/ftl/m/bf_food/list_bf_homemade_recommend.ftl
+++ b/src/main/webapp/WEB-INF/views/ftl/m/bf_food/list_bf_homemade_recommend.ftl
@ -1,5 +1,4 @@
 <#include "/m/include/index_top.ftl">
-
 <link rel="stylesheet" href="${URL_STATIC_ROOT}/m/css/swiper.min.css">
 <script src="${URL_STATIC_ROOT}/m/js/swiper.min.js"></script>
 <script src="${URL_STATIC_ROOT}/m/js/jquery_popupoverlay.js"></script>
@ -7,6 +6,7 @@
 <script src="${URL_STATIC_ROOT}/m/js/jquery.bxslider.js"></script>
 <script src="${URL_STATIC_ROOT}/m/js/design.js"></script>
 <script type="text/javascript" src="/bf/m/js/jquery.bpopup.min.js"></script>
+<link href="../css/custom.css?2" rel="stylesheet"  type="text/css" >
 <body>

 <style type="text/css">
--- a/src/main/webapp/WEB-INF/views/ftl/m/bf_food/list_bf_ingre_recommend.ftl
+++ b/src/main/webapp/WEB-INF/views/ftl/m/bf_food/list_bf_ingre_recommend.ftl
@ -8,7 +8,7 @@
 <script src="${URL_STATIC_ROOT}/m/js/jquery.bxslider.js"></script>
 <script type="text/javascript" src="${URL_STATIC_ROOT}/m/js/chart.min.js"></script>
 <script src="${URL_STATIC_ROOT}/m/js/design.js"></script>
-
+<link href="../css/custom.css?2" rel="stylesheet"  type="text/css" >
 <body>

 <!-- modal-wrapper : 추천 홈메이드 이유식 상세정보 팝업 -->
--- a/src/main/webapp/m/css/custom.css
+++ b/src/main/webapp/m/css/custom.css
@ -36,8 +36,8 @@
    background: darkorange;
 }

-.modal-wrapper .scroll {
-    max-height: 700px;
-    overflow-y: auto;
-    overflow-x: hidden;
-}
+/* Custom Scrollbar */
+::-webkit-scrollbar {width:3px}
+::-webkit-scrollbar-track {box-shadow:inset 0 0 2px #ddd; border-radius:5px}
+::-webkit-scrollbar-thumb {background:transparent; border-radius:10px}
+::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,.1)}
--- a/src/main/webapp/m/css/style.css
+++ b/src/main/webapp/m/css/style.css
@ -5162,7 +5162,9 @@ main {

 .modal-wrapper .scroll {
    max-height: 700px;
-    overflow: scroll;
+    overflow-y: scroll;
+    overflow-x: hidden;
+
 }

 .modal-wrapper .title {