fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-08 19:21:40 +09:00
Code Issues Projects Releases Packages Wiki Activity

Fix mobile member menu width

Browse source
This commit is contained in:
MinSoo Kim 2016-09-05 17:22:32 +09:00
parent 88920bc9fe
commit cabcdbdb66
2 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
layouts/simple_world/layout.js
View file

@ -1,5 +1,12 @@
$(function() {
$('.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());
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";

10
layouts/simple_world/layout.scss
View file

@ -208,6 +208,7 @@ body {
.layout_menu>ul>li:first-child {
float: right;
}
.layout_menu li a, .dropbtn {
@ -216,10 +217,8 @@ body {
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.layout_menu>ul>li:first-child {
float: right;
font-size: 13px;
line-height: 1;
}
.layout_menu li.active>a {
@ -238,7 +237,7 @@ body {
}
.layout_menu li.layout_dropdown {
display: inline-block;
display: block;
}
.layout_menu .layout_dropdown-content {
@ -448,6 +447,7 @@ body {
position: relative;
background-color: lighten($grey, 35%);
color: layoutGrayContrast(lighten($grey, 35%), 0.710);
width: 100%;
min-width: 100%;
box-shadow: none;
}