调整菜单选择框适配手机屏幕

This commit is contained in:
Argo-Lenovo 2016-11-09 21:56:39 +08:00
parent dd37c03dea
commit 2b321dbe20
3 changed files with 24 additions and 17 deletions

View File

@ -28,6 +28,7 @@
.modal-dialog {
width: 540px;
margin:20px auto;
}
.fb-timeliner {

View File

@ -197,7 +197,7 @@
display: none;
z-index: 1051;
margin: auto;
width: 600px;
width: 100%;
margin-top: 100px;
}
@ -205,3 +205,7 @@
overflow-y: auto;
max-height: 400px;
}
.menu-content .dd {
max-width: inherit;
}

View File

@ -1,19 +1,21 @@
@model IEnumerable<Menu>
<div class="modal-content menu-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myMenuModalLabel">请选择菜单</h4>
</div>
<div class="modal-body">
@if (Model.Count() > 0)
{
<div class="dd" id="nestable_menu">
@Html.Partial("SubMenuTree", @Model)
</div>
}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnSubmitMenu">保存</button>
<div class="modal-dialog">
<div class="modal-content menu-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myMenuModalLabel">请选择菜单</h4>
</div>
<div class="modal-body">
@if (Model.Count() > 0)
{
<div class="dd" id="nestable_menu">
@Html.Partial("SubMenuTree", @Model)
</div>
}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="btnSubmitMenu">保存</button>
</div>
</div>
</div>