diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 61847dae..92230ff2 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -7,8 +7,8 @@ a.pop-logo img { margin-right: 10px; } #mo_search_icon { display: none; margin-right: 24px; } .btn-go-top.mo-go-top { bottom: 86px; } #mo-member-btn { display: none; width: calc(100% - 32px); height: 50px; background: #376795; border-radius: 5px; position: absolute; right: 16px; top: -65px; z-index: 19; position: fixed; top: inherit; bottom: 20px; font-weight: 500; font-size: 14px; color: #ffffff; } -.mo-nav-wrap { width: 0; height: 100vh; background: #fff; position: fixed; top: 0; right: 0; z-index: 100; transition: all 0.2s ease-in; } -.mo-nav-wrap.show { width: 286px; } +.mo-nav-wrap { width: 0; height: 100vh; background: #fff; position: fixed; top: 0; right: 0; z-index: 100; transition: all 0.2s ease-in; display:none;} +.mo-nav-wrap.show { width: 286px;display:inline-block; } .mo-nav-wrap .menu_bg { display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: -1; transition: all 0.2s ease-in; } .mo-nav-wrap.show .menu_bg { display: block; } .mo-nav-wrap .login_box { width: 100%; height: 267px; background: linear-gradient(90deg, #275f95 0%, #427cae 62.5%); padding: 135px 16px 18px; box-sizing: border-box; } @@ -1215,7 +1215,7 @@ footer .family_site {right:10px;} /* 공유하기 팝업 */ .popup .pop-wrap { width: 343px; height: 549px; /* top: 9%; left: calc(50% - 171.5px); */} .pop-sharing p { font-size: 16px; } - .pop-sharing .sns-list li img { display: inline-block; width: 24px; height: 24px; padding: 14px; } + .pop-sharing .sns-list button img { display: inline-block; width: 24px; height: 24px; padding: 14px; } .pop-sharing .link-copy { display: flex; padding: 16px; align-items: center; } .pop-sharing .link-copy .btn { width: auto; min-width: auto; } .pop-sharing .pop-wrap .Qr .inner { border-radius: 10px; padding: 30px 0 0 0; text-align: center; } diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index a91fe35e..5ee50fe9 100644 --- a/src/main/webapp/js/default.js +++ b/src/main/webapp/js/default.js @@ -18,38 +18,6 @@ $(document).ready(function(){ } }); - //접근성 - $('.location-box .loc li').append('다음'); - $('.location-box .loc li.on *').remove(''); - $('.location .inner .row-top .arr img').attr('alt',''); - $('.map .inner .info-box .info-sec .text-box > div span:nth-of-type(1) em.next').append('다음'); - - // 상세보기 아코디언 - $(".detail-accordion .btn-more").on("click", function () { - $(this).parents().addClass("show"); - - $(".detail-accordion .btn-hide").click(function () { - $(this).parents().removeClass("show"); - }); - }); - - $('.wrap .nav-wrap #primary-nav ul li a').focus(function(){ - $('.wrap .nav-wrap #primary-nav ul li .sub-menu').show(); - }); - $('.mo-nav-wrap .login_box .btns_box button.btn_login').focus(function(){ - $('.wrap .nav-wrap #primary-nav ul li .sub-menu').hide(); - }); - - //메인 슬라이드 접근성 - $('.MainSwiper .loop-count button.remote span').append('일시정지'); - $('.MainSwiper .loop-count button.remote').click(function(){ - if($('.MainSwiper .loop-count button.remote').hasClass('restart') === false) { - $('.MainSwiper .loop-count button.remote .ir').text('일시정지'); - } else { - $('.MainSwiper .loop-count button.remote .ir').text('재생'); - } - }); - /* 인기자료 탭메뉴 */ (function ($) { $(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current"); @@ -241,7 +209,7 @@ $(document).ready(function(){ // 공유하기 팝업 $('.share').click(function(){ $('.pop-sharing').fadeIn(); - $("#p_link-copy").focus(); + //$("#p_link-copy").focus(); }); // 닫기 $('.pop-sharing .btn-close-pop').on('click', function () { @@ -519,6 +487,48 @@ $(document).ready(function(){ }); }); /* 메인 메뉴 반응형 end */ + + + + // 접근성 화살표 네임 + $('.location-box .loc li').append('다음'); + $('.location-box .loc li.on *').remove(''); + $('.location .inner .row-top .arr img').attr('alt',''); + $('.map .inner .info-box .info-sec .text-box > div span:nth-of-type(1) em.next').append('다음'); + + // 접근성 상세보기 아코디언 + $(".detail-accordion .btn-more").on("click", function () { + $(this).parents().addClass("show"); + + $(".detail-accordion .btn-hide").click(function () { + $(this).parents().removeClass("show"); + }); + }); + + // 접근성 메뉴 + $('.wrap .nav-wrap #primary-nav ul li a').focus(function(){ + $('.wrap .nav-wrap #primary-nav ul li .sub-menu').show(); + }); + $('.mo-nav-wrap .login_box .btns_box button.btn_login').focus(function(){ + $('.wrap .nav-wrap #primary-nav ul li .sub-menu').hide(); + }); + + // 접근성 공유하기 팝업 + $(".data.detail .inner .row-top .center .right .con-1 button.share").keydown(function (e) { + if (e.keyCode == 13) { + $('.pop-sharing .sns-list button.kstory-icon').focus(); + } + }); + + //메인 슬라이드 접근성 + $('.MainSwiper .loop-count button.remote span').append('일시정지'); + $('.MainSwiper .loop-count button.remote').click(function(){ + if($('.MainSwiper .loop-count button.remote').hasClass('restart') === false) { + $('.MainSwiper .loop-count button.remote .ir').text('일시정지'); + } else { + $('.MainSwiper .loop-count button.remote .ir').text('재생'); + } + }); });