somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

접근성수정

Browse Source
This commit is contained in:
com02 2021-12-06 13:55:03 +09:00
parent 4eb33b2290
commit cb4161baa7
2 changed files with 46 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/main/webapp/css/media.css
View File

@ -7,8 +7,8 @@ a.pop-logo img { margin-right: 10px; }
#mo_search_icon { display: none; margin-right: 24px; } #mo_search_icon { display: none; margin-right: 24px; }
.btn-go-top.mo-go-top { bottom: 86px; } .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-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 { 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; } .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 .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.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; } .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); */} .popup .pop-wrap { width: 343px; height: 549px; /* top: 9%; left: calc(50% - 171.5px); */}
.pop-sharing p { font-size: 16px; } .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 { display: flex; padding: 16px; align-items: center; }
.pop-sharing .link-copy .btn { width: auto; min-width: auto; } .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; } .pop-sharing .pop-wrap .Qr .inner { border-radius: 10px; padding: 30px 0 0 0; text-align: center; }

76
src/main/webapp/js/default.js
View File

@ -18,38 +18,6 @@ $(document).ready(function(){
} }
}); });
//접근성
$('.location-box .loc li').append('<span class="ir">다음</span>');
$('.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('<span class="ir">다음</span>');
// 상세보기 아코디언
$(".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('<span class="ir">일시정지</span>');
$('.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 ($) { (function ($) {
$(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current"); $(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current");
@ -241,7 +209,7 @@ $(document).ready(function(){
// 공유하기 팝업 // 공유하기 팝업
$('.share').click(function(){ $('.share').click(function(){
$('.pop-sharing').fadeIn(); $('.pop-sharing').fadeIn();
$("#p_link-copy").focus(); //$("#p_link-copy").focus();
}); });
// 닫기 // 닫기
$('.pop-sharing .btn-close-pop').on('click', function () { $('.pop-sharing .btn-close-pop').on('click', function () {
@ -520,6 +488,48 @@ $(document).ready(function(){
}); });
/* 메인 메뉴 반응형 end */ /* 메인 메뉴 반응형 end */
// 접근성 화살표 네임
$('.location-box .loc li').append('<span class="ir">다음</span>');
$('.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('<span class="ir">다음</span>');
// 접근성 상세보기 아코디언
$(".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('<span class="ir">일시정지</span>');
$('.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('재생');
}
});
}); });