分享显示也修改为支持响应式

css/main.css

@@ -556,19 +556,35 @@ background-color: #f7f7f9;
   background: #ECE0F5
 }
 /*宽屏菜单*/
-@media screen and (min-width: 1020px) {
+@media screen and (min-width: 900px) {
 #fluid-menu{
 }
 #min-menu{
   display: none
 }
 }
+@media screen and (min-width: 912px) {
+#share-info{
+  overflow: auto;
+text-overflow: ellipsis;
+white-space: nowrap;
+max-width:inherit;
+}
+}
 /*窄屏菜单*/
-@media screen and (max-width: 1020px) {
+@media screen and (max-width: 900px) {
 #fluid-menu{
   display: none
 }
 #min-menu{
 
 }
+}
+@media screen and (max-width: 1018px) {
+#share-info{
+  overflow: hidden;
+text-overflow: ellipsis;
+white-space: nowrap;
+max-width:80px;
+}
 }

zaojiashu.html

@@ -36,9 +36,9 @@
                     <span class="text-truncate" data-toggle="tooltip" data-placement="bottom" title="单项工程名称"><i class="fa fa-cube"></i>...</span>
                     <span><i class="fa fa-sticky-note-o"></i></span>
                     <span class="text-truncate"  data-toggle="tooltip" data-placement="bottom" title="乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程">&nbsp;乌恰县S309线K72+100-开普太西水库-苏约克村公路建设工程</span>
-                    <span class="alert alert-success py-0 px-2 m-0"><i class="fa fa-share-alt"></i> 张三 分享（只读，协作）</span>
-                    <!-- <span class="alert alert-success py-0 px-2 m-0"><i class="fa fa-share-alt"></i> 已分享给其他用户</span> -->
-                    <!-- <span class="alert alert-success py-0 px-2 m-0"><i class="fa fa-share-alt"></i> 已与其他用户协作</span> -->
+                    <span class="alert alert-success py-0 px-2 m-0" id="share-info" title="张三 分享（只读，协作）"><i class="fa fa-share-alt"></i> 张三 分享（只读，协作）</span>
+                    <!-- <span class="alert alert-success py-0 px-2 m-0" id="share-info"><i class="fa fa-share-alt"></i> 已分享给其他用户</span> -->
+                    <!-- <span class="alert alert-success py-0 px-2 m-0" id="share-info"><i class="fa fa-share-alt"></i> 已与其他用户协作</span> -->
                     <!-- <ul class="f-nav list-unstyled">
                         <li class="d-flex justify-content-between focus"><span class="title text-truncate"><i class="fa fa-cube"></i> 单项工程1</span><i class="fa fa-caret-right text-muted mt-1"></i>
                             <ul class="s-nav list-unstyled">