no message

resources/assets/js/pages/manage/components/ProjectPanel.vue

@@ -72,7 +72,7 @@
                 </ul>
             </div>
             <div class="project-subbox clearfix">
-                <div class="project-subtitle">{{projectData.desc}}</div>
+                <div class="project-subtitle" @click="showDesc">{{projectData.desc}}</div>
                 <div class="project-switch">
                     <div v-if="completedCount > 0" class="project-checkbox">
                         <Checkbox :value="projectData.cacheParameter.completedTask" @on-change="toggleCompleted">{{$L('显示已完成')}}</Checkbox>
@@ -856,6 +856,16 @@ export default {
     },
 
     methods: {
+        showDesc() {
+            if (this.isDesktop) {
+                return;
+            }
+            $A.modalInfo({
+                title: '项目描述',
+                content: this.projectData.desc
+            })
+        },
+
         searchFocus() {
             this.$nextTick(() => {
                 this.$refs.searchInput.focus({

resources/assets/sass/pages/components/project-panel.scss

@@ -254,7 +254,7 @@
             > li {
                 flex-shrink: 0;
                 list-style: none;
-                width: 260px;
+                width: 300px;
                 height: 100%;
                 display: flex;
                 flex-direction: column;
@@ -1042,6 +1042,12 @@
                 display: block;
                 .project-subtitle {
                     margin-bottom: 6px;
+                    word-break: break-all;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    display: -webkit-box;
+                    -webkit-line-clamp: 2;
+                    -webkit-box-orient: vertical;
                 }
                 .project-switch {
                     margin-left: 0;

resources/assets/sass/pages/page-project.scss

@@ -22,6 +22,7 @@
     .page-project {
         .project-panel {
             height: auto;
+            min-height: 100%;
             &.gantt {
                 height: 100%;
             }