Kaynağa Gözat

切换账户同步SSR样式。

ouxq 8 yıl önce
ebeveyn
işleme
16f4822044

+ 10 - 2
src/main/webapp/resources/view/common/site-nav.html

@@ -111,6 +111,7 @@
     #site-nav * {
         box-sizing: border-box;
         list-style: none;
+        white-space: nowrap;
     }
     .unstyled a:hover,.dropdown-menu a:hover{
         color: #d32526;
@@ -119,6 +120,13 @@
     .logout:hover{
         color: #f00;
     }
+    .member-text{
+        width: 80%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: inline-block;
+    }
 </style>
 <nav id="site-nav">
     <ul class="ghost-center" ng-controller="AuthenticationCtrl">
@@ -136,13 +144,13 @@
                 <span ng-bind="userInfo.userName"></span>
                 <span href="javascript:void(0)" ng-click="logout()" class="logout">[退出]</span>
             </a>
-            <div class="dropdown-menu" style="top: 36px; left: 0; width: 220px;">
+            <div class="dropdown-menu" style="top: 36px; left: 0; min-width: 220px;">
                <!-- <p>欢迎您,<span ng-bind="userInfo.userName"></span>
                     <a href="javascript:void(0)" class="pull-right" ng-click="logout()">退出</a>
                 </p>-->
                 <p>
                     <!--<i class="fa fa-map-marker"></i> <span ng-if="userInfo.enterprises" ng-bind="userInfo.enterprise.enName"></span><span ng-if="!userInfo.enterprises" ng-bind="userInfo.userName"></span><span ng-if="!userInfo.enterprises">(个人账户)</span>-->
-                    <i class="fa fa-map-marker"></i> <span ng-if="userInfo.enterprise" ng-bind="userInfo.enterprise.enName"></span><span ng-if="!userInfo.enterprise" ng-bind="userInfo.userName"></span><span ng-if="!userInfo.enterprise">(个人账户)</span>
+                    <i class="fa fa-map-marker"></i> <span ng-if="userInfo.enterprise" ng-bind="userInfo.enterprise.enName" class="member-text"></span><span ng-if="!userInfo.enterprise" ng-bind="userInfo.userName" class="member-text"></span><span ng-if="!userInfo.enterprise">(个人账户)</span>
                     <a href="javascript:void(0)" class="pull-right" ng-if="userInfo.enterprises" ng-click="toggleSwitch()" ng-bind="switching?'取消':'切换'">切换</a>
                 </p>
                 <ul class="unstyled" ng-show="switching" style="-webkit-padding-start: 0;">