1.修复菜单名太长无法显示的问题

2.增长菜单宽度

3 files changed, 53 insertions, 59 deletions

diff --git a/WebRoot/css/nav.css b/WebRoot/css/nav.css
index cc8c114..45150c0 100644
--- a/WebRoot/css/nav.css
+++ b/WebRoot/css/nav.css
@@ -1,49 +1,49 @@
-@charset "utf-8";
-/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/
-
-/* 以上实际使用若已初始化可删除 */
-
-/* nav */
-.nav{width: 220px;height: 100%;background: #263238;transition: all .3s;text-transform: capitalize;}
-.nav a{display: block;overflow: hidden;padding-left: 10px;line-height: 46px;max-height: 46px;color: #ABB1B7;transition: all .3s;}
-.nav a span{margin-left: 30px;}
-.nav-item{position: relative;}
-.nav-item + .nav-item{
-	border-top: 2px solid #545454;
-}
-.nav-item.nav-show{border-bottom: none;}
-.nav-item ul{display: none;background: #C4C4C4;}
-.nav-item ul a{color:#111;}
-.nav-item ul li + li {border-top: 1px solid #eee;}
-.nav-item.nav-show ul{display: block;}
-.nav-item>a:before{content: "";position: absolute;left: 0px;width: 5px;height: 46px;background: #A31C31;opacity:0;transition: all .3s;}
-.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
-/* 此处修改导航图标 可自定义iconfont 替换*/
-.icon_1::after{content: "\e62b";}
-.icon_2::after{content: "\e669";}
-.icon_3::after{content: "\e61d";}
-/*---------------------*/
-.nav-more{float:right;margin-right: 10px;font-size: 12px;transition: transform .3s;}
-/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
-.nav-more::after{content: "\e621";}
-/*---------------------*/
-.nav-show .nav-more{transform:rotate(90deg);}
-.nav-show,.nav-item>a:hover{color: #FFF;background:rgba(0,0,0,.1);}
-.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
-.nav-item li:hover a{color: #A81E32;background: rgba(0, 0, 0,.1);}
-
-/* nav-mini */
-.nav-mini.nav{width: 60px;}
-.nav-mini.nav .nav-icon{/* margin-left:-2px; */}
-.nav-mini.nav .nav-item>a span{display: none;}
-.nav-mini.nav .nav-more{margin-right: -20px;}
-.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
-.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}
-.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
-.nav-mini.nav .nav-item:hover a:before{opacity:1;}
-.nav-mini.nav .nav-item:hover ul{display: block;}
-
-
-
-
-
+@charset "utf-8";

+/* 以下实际使用若已初始化可删除 .nav height父级需逐级设置为100%*/

+

+/* 以上实际使用若已初始化可删除 */

+

+/* nav */

+.nav{width: 210px;height: 100%;background: #263238;transition: all .3s;text-transform: capitalize;}

+.nav a{display: block;overflow: hidden;padding-left: 10px;line-height: 46px;color: #ABB1B7;transition: all .3s;word-wrap:break-word;text-align: left;margin-right:10px;}

+.nav a span{margin-left: 30px;}

+.nav-item{position: relative;}

+.nav-item + .nav-item{

+	border-top: 2px solid #545454;

+}

+.nav-item.nav-show{border-bottom: none;}

+.nav-item ul{display: none;background: #C4C4C4;}

+.nav-item ul a{color:#111;}

+.nav-item ul li + li {border-top: 1px solid #eee;}

+.nav-item.nav-show ul{display: block;}

+.nav-item>a:before{content: "";position: absolute;left: 0px;width: 5px;height: 46px;background: #A31C31;opacity:0;transition: all .3s;}

+.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}

+/* 此处修改导航图标 可自定义iconfont 替换*/

+.icon_1::after{content: "\e62b";}

+.icon_2::after{content: "\e669";}

+.icon_3::after{content: "\e61d";}

+/*---------------------*/

+.nav-more{float:right;margin-right: 10px;font-size: 12px;transition: transform .3s;}

+/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/

+.nav-more::after{content: "\e621";}

+/*---------------------*/

+.nav-show .nav-more{transform:rotate(90deg);}

+.nav-show,.nav-item>a:hover{color: #FFF;background:rgba(0,0,0,.1);}

+.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}

+.nav-item li:hover a{color: #A81E32;background: rgba(0, 0, 0,.1);}

+

+/* nav-mini */

+.nav-mini.nav{width: 60px;}

+.nav-mini.nav .nav-icon{/* margin-left:-2px; */}

+.nav-mini.nav .nav-item>a span{display: none;}

+.nav-mini.nav .nav-more{margin-right: -20px;}

+.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}

+.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.1);}

+.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}

+.nav-mini.nav .nav-item:hover a:before{opacity:1;}

+.nav-mini.nav .nav-item:hover ul{display: block;}

+

+

+

+

+

diff --git a/WebRoot/main.jsp b/WebRoot/main.jsp
index bfaf28e..c0b3adb 100644
--- a/WebRoot/main.jsp
+++ b/WebRoot/main.jsp
@@ -420,24 +420,17 @@ html, body {
 	_overflow-x:hidden;

 	_overflow-y:hidden;

 }

-.nav{

-	width:200px;

-}

-

-.nav a{

-	text-align: left;

-}

 

 .nav a span{

 	margin-left: 40px;

 }

 

 .middle_tab{

-	left: 180px;

+	left: 210px;

 }

 

 .middle_right{

-	left : 185px;

+	left : 215px;

 }

 

 

@@ -571,7 +564,7 @@ html, body {
 			<table>

 				<tr valign="buttom" id="titles">

 						<td width="100%" height="18" background="<c:url value='/images/main_58.png'/>">

-							<div align="center" style="width: 180px;background-color: #a81e32">

+							<div align="center" style="width: 210px;background-color: #a81e32">

 								<span id="show" class="STYLE1" 

 									style="color: rgb(242, 229, 229);cursor:pointer; font-weight: bold;width: 100%">▽i18n_main.text.show1_n81i▽</span>

 							</div>

diff --git a/WebRoot/page/show/showNodeRoom.jsp b/WebRoot/page/show/showNodeRoom.jsp
index 5a808bd..c860a78 100644
--- a/WebRoot/page/show/showNodeRoom.jsp
+++ b/WebRoot/page/show/showNodeRoom.jsp
@@ -478,6 +478,7 @@ body {
 			var thisheight = $(document).height()*0.9;

 			var thiswidth = $(document).width()*0.9;

 			window.top.layer.open({

+				title: 'i18n_main.text.show1_n81i',

 		 		type: 1,

 		 		area: [thiswidth + 'px', thisheight + 'px'],

 		 		scrollbar: true,