调整样式,增强菜单选择图标页面右侧快捷导航栏自适应能力

This commit is contained in:
Argo-Lenovo 2016-10-29 12:24:42 +08:00
parent 2b912b73e5
commit 79795dfaac
3 changed files with 16 additions and 3 deletions

View File

@ -14,12 +14,17 @@
padding-right: 6px; padding-right: 6px;
} }
.icon-body {
margin-right: 160px;
}
.fb-timeliner { .fb-timeliner {
position: fixed; position: fixed;
top: 80px;
right: 40px; right: 40px;
height:70%;
width: 150px; width: 150px;
overflow-y:auto; bottom: 100px;
overflow-y: auto;
} }
.fb-timeliner ul { .fb-timeliner ul {

View File

@ -63,6 +63,14 @@
.logo { .logo {
display: none; display: none;
} }
.fb-timeliner {
display: none;
}
.icon-body {
margin-right: 0 !important;
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {

View File

@ -5,7 +5,7 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<i id="fa-top"></i> <i id="fa-top"></i>
<div class="col-sm-9"> <div class="icon-body">
<ul class="nav nav-tabs" role="tablist"> <ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#Fontawesome" data-toggle="tab">Fontawesome 图标</a></li> <li role="presentation" class="active"><a href="#Fontawesome" data-toggle="tab">Fontawesome 图标</a></li>
<li role="presentation"><a href="#Glyphicons" data-toggle="tab">Glyphicons 图标</a></li> <li role="presentation"><a href="#Glyphicons" data-toggle="tab">Glyphicons 图标</a></li>