浏览代码

编办菜单样式调整

zhangweicheng 6 年之前
父节点
当前提交
06d20cce30
共有 2 个文件被更改,包括 19 次插入5 次删除
  1. 18 4
      web/users/css/style.css
  2. 1 1
      web/users/views/compilation/common.html

+ 18 - 4
web/users/css/style.css

@@ -82,7 +82,7 @@ body{
   left:124px;
   padding-top: 100px;
   border-right: 1px solid #ddd;
-  width: 200px
+  width: 250px
 }
 .panel-content{
   padding:115px 0 0;
@@ -96,7 +96,7 @@ body{
   margin:0 15px 15px;
 }
 .panel-sidebar+.panel-content{
-  padding: 115px 0 0 200px;
+  padding: 115px 0 0 250px;
 }
 .panel-title, .panel-title>.title-bar {
   height:50px;
@@ -112,13 +112,13 @@ body{
   box-shadow: 0 1px 3px rgba(0,0,0,.05)
 }
 .panel-sidebar .panel-title{
-  width:200px;
+  width:250px;
   border-right: 1px solid #ddd;
   box-shadow: 0 1px 3px rgba(0,0,0,.1);
 }
 .panel-content .panel-title{
   left: 0;
-  padding-left: 324px;
+  padding-left: 374px;
   padding-right: 20px;
 }
 .panel-content .panel-title.fluid{
@@ -278,6 +278,20 @@ body{
 .nav-list li.active .badge{
   background:#207fd1
 }
+.nav-list li span.title{
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width:170px;
+  overflow: hidden;
+  display: inline-block;
+}
+.nav-list li span.text-muted{
+  position: absolute;
+  right: 0;
+  top:0;
+  text-align: right;
+}
+
 /*内容区*/
 .c-header {
   padding:0 0 5px

+ 1 - 1
web/users/views/compilation/common.html

@@ -8,7 +8,7 @@
         <div class="nav-box">
             <ul class="nav-list list-unstyled" id="version-select">
                 <% compilationList.forEach(function (compilation){ %>
-                <li <% if(selectedCompilation._id.toString() === compilation._id.toString()) { %>class="active"<% } %>><a href="/compilation?id=<%= compilation._id %>"><span><%= compilation.name %></span><% if (!compilation.is_release) { %><span class="text-muted">(未发布)</span><% } %></a></li>
+                <li <% if(selectedCompilation._id.toString() === compilation._id.toString()) { %>class="active"<% } %>><a href="/compilation?id=<%= compilation._id %>"><span class="title"><%= compilation.name %></span><% if (!compilation.is_release) { %><span class="text-muted">(未发布)</span><% } %></a></li>
                 <% }) %>
             </ul>
         </div>