From c53ebf30f1d870832a7d800d80286336bd643313 Mon Sep 17 00:00:00 2001 From: subsub Date: Mon, 14 Oct 2024 17:39:45 +0900 Subject: [PATCH] =?UTF-8?q?24/10/14=20=EC=99=BC=EC=AA=BD=EB=A9=94=EB=89=B4?= =?UTF-8?q?=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../webapp/kofair_case_seed/adm/scripts/layout.js | 13 ++++++++++++- .../webapp/kofair_case_seed/adm/style/layout.css | 7 ++++--- 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/src/main/webapp/kofair_case_seed/adm/scripts/layout.js b/src/main/webapp/kofair_case_seed/adm/scripts/layout.js index 3d8793f7..ddc71977 100644 --- a/src/main/webapp/kofair_case_seed/adm/scripts/layout.js +++ b/src/main/webapp/kofair_case_seed/adm/scripts/layout.js @@ -2,7 +2,18 @@ function leftMenu() { // 첫 화면에 하위메뉴 닫기 $('.depth01_li').removeClass('active'); - $('.depth02_ul').slideUp(0); + $(".depth02_ul").slideUp(0) + setTimeout(function(){ + $(".depth01_li").each(function(idx,itm){ + if($(itm).is(".active") == true){ + $(itm).find(".depth02_ul").slideDown(0) + }else{ + $(itm).find(".depth02_ul").slideUp(0) + } + }) + }) + + $('.menu_title').on('click',function () { diff --git a/src/main/webapp/kofair_case_seed/adm/style/layout.css b/src/main/webapp/kofair_case_seed/adm/style/layout.css index 2519c287..a93a069f 100644 --- a/src/main/webapp/kofair_case_seed/adm/style/layout.css +++ b/src/main/webapp/kofair_case_seed/adm/style/layout.css @@ -4,7 +4,7 @@ .contents{width:calc(100% - 300px);padding:0 30px 0 70px;} /* leftmenu */ -.leftmenu{width:300px;height:100%;box-shadow:3px 0 7px rgba(0,0,0,0.2);background:#171c70;border-radius:0 30px 30px 0;} +.leftmenu{width:300px;box-shadow:3px 0 7px rgba(0,0,0,0.2);background:#171c70;border-radius:0 30px 30px 0;} .leftmenu .logo{display:flex;height:110px;border-bottom:1px solid #5d619b;justify-content:center;align-items:center;} .leftmenu .menu{padding:0 20px 80px 20px;} .leftmenu .menu_ul{display:flex;flex-direction:column;color:#888bbc;} @@ -15,7 +15,8 @@ .leftmenu .active .menu_title{color:#fff;} .leftmenu .active .menu_title::after{border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(135deg);top:20px;} -.leftmenu .menu_icon{display:inline-flex;width:40px;height:40px;justify-content:center;align-items:center;background-position:top center;} +.leftmenu .menu_icon{position:relative;display:inline-flex;width:20px;height:40px;justify-content:center;align-items:center;background-position:top center;background:none !important;} +.leftmenu .menu_icon::after{position:absolute;content:"·";width:100%;height:100%;top:7px;} .leftmenu .active .menu_icon{background-position:center bottom;} .leftmenu .menu_icon.dashboard{background-image:url(/kofair_case_seed/adm/images/layout/menu_dashboard.png);} .leftmenu .menu_icon.site{background-image:url(/kofair_case_seed/adm/images/layout/menu_site.png);} @@ -51,5 +52,5 @@ .user_info_ul li:first-child:after{position:absolute;content:"";width:1px;height:15px;background:#d5d5d5;right:0;} .user_info_ul li .icon.user{width:20px;height:20px;margin:0 4px 0 0;background:url(/kofair_case_seed/adm/images/layout/icon_user.png) no-repeat center center;} -.user_info_ul select{width:145px;padding:0 0 0 20px;font-size:16px;border:0;background:transparent url(/kofair_case_seed/adm/images/layout/icon_userinfo_select.png) no-repeat calc(100% - 20px) center;} +.user_info_ul select{width:145px;padding:0 0 0 20px;font-size:16px;border:0 !important;background:transparent url(/kofair_case_seed/adm/images/layout/icon_userinfo_select.png) no-repeat calc(100% - 20px) center !important;} .user_info .btn_logout{width:94px;height:38px;font-size:16px;border-radius:40px;background:#adadb5;} \ No newline at end of file