Bladeren bron

项目大屏调整

ellisran 5 dagen geleden
bovenliggende
commit
7adcb7ce4a
2 gewijzigde bestanden met toevoegingen van 26 en 18 verwijderingen
  1. 15 7
      app/public/css/main.css
  2. 11 11
      app/public/js/project_screen_guangyuan.js

+ 15 - 7
app/public/css/main.css

@@ -2825,6 +2825,13 @@ animation:shake 1s .2s ease both;}
 .gy-preview-table th,.gy-preview-table td{border:0;border-right:1px solid #4a545e;border-bottom:1px solid #4a545e}
 .gy-preview-table th,.gy-preview-table td{border:0;border-right:1px solid #4a545e;border-bottom:1px solid #4a545e}
 .gy-preview-table tr>*:first-child{border-left:1px solid #4a545e}
 .gy-preview-table tr>*:first-child{border-left:1px solid #4a545e}
 .gy-preview-table thead tr:first-child th{border-top:1px solid #4a545e}
 .gy-preview-table thead tr:first-child th{border-top:1px solid #4a545e}
+.gy-preview-table .gy-preview-name{position:relative;display:flex;align-items:center;gap:8px;min-width:0;line-height:20px}
+.gy-preview-table .gy-preview-name>.fa{flex:0 0 14px;width:14px;color:#829bb0;text-align:center}
+.gy-preview-table .gy-preview-name>.gy-ellipsis{min-width:0}
+.gy-preview-table .gy-preview-child{padding-left:22px}
+.gy-preview-table .gy-year td{background:#30495d;color:#bddfff;font-weight:600;padding:9px}
+.gy-preview-table .gy-year .fa{color:#80bfff}
+.gy-preview-table .gy-preview-folder-cell{position:sticky;left:0;z-index:1;box-shadow:2px 0 0 #586674}
 .gy-header,.gy-message{flex-shrink:0}
 .gy-header,.gy-message{flex-shrink:0}
 @media(min-width:1201px){
 @media(min-width:1201px){
     .gy-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
     .gy-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
@@ -2886,15 +2893,16 @@ animation:shake 1s .2s ease both;}
 .gy-detail-text{font-size:14px;line-height:2;background:#303b47;padding:16px;overflow:auto;overflow-wrap:anywhere}
 .gy-detail-text{font-size:14px;line-height:2;background:#303b47;padding:16px;overflow:auto;overflow-wrap:anywhere}
 .gy-detail-text strong{display:block;color:#84c4ff;margin-bottom:12px}
 .gy-detail-text strong{display:block;color:#84c4ff;margin-bottom:12px}
 .gy-list-heading{background:#3a536a;padding:12px;text-align:center;font-size:13px}
 .gy-list-heading{background:#3a536a;padding:12px;text-align:center;font-size:13px}
-.gy-screen .gy-folder-row{display:flex;align-items:center;gap:6px;min-height:40px;padding:5px 12px 5px calc(12px + var(--gy-depth) * 16px);border-left:2px solid transparent;color:#9eafc0;line-height:1.4}
-.gy-screen .gy-folder-row:hover{background:#37424c}
-.gy-screen .gy-folder-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:28px;padding:0;border:0;background:none;color:#9eafc0;font-size:13px}
-.gy-screen .gy-folder-icon{width:14px;text-align:center;color:#8297aa}
-.gy-screen .gy-project-row{display:flex;align-items:center;gap:6px;width:100%;min-height:40px;padding:6px 12px 6px calc(36px + var(--gy-depth) * 16px);border:0;border-left:2px solid transparent;text-align:left;background:transparent;color:#c5d6e7;line-height:1.4;font-size:14px!important}
+.gy-screen .gy-folder-row{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 12px 6px calc(12px + var(--gy-depth) * 22px);border-left:2px solid transparent;background:#2f4354;color:#c2d7e9;font-weight:600;line-height:1.4}
+.gy-screen .gy-folder-row.gy-folder-nested{background:#36414b;color:#cbd5df;font-weight:400}
+.gy-screen .gy-folder-row:hover{background:#384e60}
+.gy-screen .gy-folder-row.gy-folder-nested:hover{background:#404c57}
+.gy-screen .gy-folder-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:28px;padding:0;border:0;background:none;color:#a8c5de;font-size:16px}
+.gy-screen .gy-folder-icon{flex:0 0 16px;width:16px;text-align:center;color:#80bfff}
+.gy-screen .gy-project-row{display:flex;align-items:center;width:100%;min-height:42px;padding:8px 12px 8px calc(36px + var(--gy-depth) * 22px);border:0;border-left:2px solid transparent;text-align:left;background:transparent;color:#c5d6e7;line-height:1.5;font-size:14px!important}
 .gy-screen .gy-folder-row,.gy-screen .gy-project-row{border-bottom:1px solid #48515a}
 .gy-screen .gy-folder-row,.gy-screen .gy-project-row{border-bottom:1px solid #48515a}
 .gy-screen .gy-project-row:hover{background:#374552}
 .gy-screen .gy-project-row:hover{background:#374552}
-.gy-screen .gy-project-row.active{background:#354d63;border-left-color:#3698ff;color:#fff}
-.gy-screen .gy-project-marker{flex:0 0 14px;width:14px;text-align:center;color:#7893aa}
+.gy-screen .gy-project-row.active{background:#225e91;border-left-color:#73c6ff;color:#fff}
 .gy-screen .gy-project-row span:last-child,.gy-screen .gy-folder-row span{min-width:0;overflow-wrap:anywhere}
 .gy-screen .gy-project-row span:last-child,.gy-screen .gy-folder-row span{min-width:0;overflow-wrap:anywhere}
 .gy-screen .gy-folder-toggle:focus-visible,.gy-screen .gy-project-row:focus-visible{outline:2px solid #80bfff;outline-offset:-2px}
 .gy-screen .gy-folder-toggle:focus-visible,.gy-screen .gy-project-row:focus-visible{outline:2px solid #80bfff;outline-offset:-2px}
 .gy-detail-button{background:transparent;border:1px solid #56718b;border-radius:4px;color:#8ac8ff;padding:5px 10px;font-size:12px!important}
 .gy-detail-button{background:transparent;border:1px solid #56718b;border-radius:4px;color:#8ac8ff;padding:5px 10px;font-size:12px!important}

File diff suppressed because it is too large
+ 11 - 11
app/public/js/project_screen_guangyuan.js