Fix member menu width

This commit is contained in:
MinSoo Kim 2016-09-05 17:39:14 +09:00
parent cabcdbdb66
commit 8aaae59b80
2 changed files with 18 additions and 12 deletions

View file

@ -1,15 +1,20 @@
$(function() {
if($('.layout_menu>ul>li:first-child').width() > 50) {
$('.layout_menu>ul>li:first-child .layout_dropdown-content, .layout_menu>ul>li:first-child .layout_dropdown-content a').css('width', $('.layout_menu>ul>li:first-child').width()).css('min-width', $('.layout_menu>ul>li:first-child').width());
}
$( window ).resize(function() {
if($('.layout_menu>ul>li:first-child').width() > 50) {
$('.layout_menu>ul>li:first-child .layout_dropdown-content, .layout_menu>ul>li:first-child .layout_dropdown-content a').css('width', $('.layout_menu>ul>li:first-child').width()).css('min-width', $('.layout_menu>ul>li:first-child').width());
}
});
"use strict";
var menu_width = function() {
if($('.layout_menu>ul>li:first-child').width() > 50) {
$('.layout_menu>ul>li:first-child .layout_dropdown-content, .layout_menu>ul>li:first-child .layout_dropdown-content a').css('width', $('.layout_menu>ul>li:first-child').width()).css('min-width', $('.layout_menu>ul>li:first-child').width());
}
}
$( window ).resize(function() {
if($('.layout_menu>ul>li:first-child').width() > 50) {
menu_width();
}
});
menu_width();
var toggles = document.querySelectorAll(".layout_mobile_menu");
for (var i = toggles.length - 1; i >= 0; i--) {
@ -27,6 +32,7 @@ $( window ).resize(function() {
obj.classList.remove("is-active");
}
else {
$('.layout_menu>ul>li:first-child .layout_dropdown-content, .layout_menu>ul>li:first-child .layout_dropdown-content a').css('width', '').css('min-width', '');
var targetMenu = $(obj).attr('data-target');
$('#' + targetMenu).slideDown('300');

View file

@ -217,8 +217,8 @@ body {
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 13px;
line-height: 1;
font-size: 13px;
line-height: 1;
}
.layout_menu li.active>a {
@ -447,7 +447,7 @@ body {
position: relative;
background-color: lighten($grey, 35%);
color: layoutGrayContrast(lighten($grey, 35%), 0.710);
width: 100%;
width: 100%;
min-width: 100%;
box-shadow: none;
}