分页样式纠正,解决两个垂直滚动条问题

This commit is contained in:
chiguangxu
2018-02-06 19:25:20 +08:00
parent 1c536222f7
commit f63f5c0df2
5 changed files with 94 additions and 3 deletions

View File

@@ -26,6 +26,8 @@
<link href="${pageContext.request.contextPath}/static/layouts/layout/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color" />
<link href="${pageContext.request.contextPath}/static/layouts/layout/css/custom.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/static/global/css/page.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<script src="${pageContext.request.contextPath}/static/global/plugins/respond.min.js"></script>

View File

@@ -15,6 +15,10 @@
onClick="javascript:window.location='${ctx}/cfg/request/form'"><spring:message code="add_request"></spring:message></button>
</div>
<h3 class="page-title">
来函管理
</h3>
<div class="row">
<div class="col-md-12">
<div class="portlet box blue">
@@ -128,7 +132,7 @@
</tbody>
</table>
<div class="pagination">${page}</div>
<div class="page">${page}</div>
</div>
</div>
</div>

View File

@@ -199,7 +199,7 @@
</a>
<ul class="dropdown-menu">
<li class="hide"><a href="${pageContext.request.contextPath}/language?language=zh_CN">&nbsp;简体中文&nbsp;</a></li>
<li><a href="${pageContext.request.contextPath}/language?language=zh_CN">&nbsp;简体中文&nbsp;</a></li>
<li><a href="${pageContext.request.contextPath}/language?language=en">&nbsp;English&nbsp;</a></li>
<li><a href="${pageContext.request.contextPath}/language?language=ru">&nbsp;русский язык&nbsp;</a></li>
</ul>

View File

@@ -0,0 +1,85 @@
.page {
}
.page ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.page ul > li {
display: inline;
}
.page ul > li > a,
.page ul > li > span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}
.page ul > li > a:hover,
.page ul > li > a:focus,
.page ul > .active > a,
.page ul > .active > span {
background-color: #f5f5f5;
}
.page ul > .active > a,
.page ul > .active > span {
color: #999999;
cursor: default;
}
.page ul > .disabled > span,
.page ul > .disabled > a,
.page ul > .disabled > a:hover,
.page ul > .disabled > a:focus {
color: #999999;
cursor: default;
background-color: transparent;
}
.page ul > li:first-child > a,
.page ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
}
.page ul > li:last-child > a,
.page ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}
.page-centered {
text-align: center;
}
.page-right {
text-align: right;
}
.page .controls a{border:0;}
.page .controls input{
border: 1px solid #ddd;
color:#999;
width:30px;
padding:0;
margin:-3px 0 0 0;
text-align:center;
}

View File

@@ -1611,7 +1611,7 @@
background-color:#fff
}
.page-content .row {
margin-bottom: 10px;
}
.page-container-bg-solid .page-content {