diff --git a/static/css/components/fileList.css b/static/css/components/fileList.css index 48cddcfb..fee4d12a 100644 --- a/static/css/components/fileList.css +++ b/static/css/components/fileList.css @@ -1,6 +1,6 @@ /* File list - Improved style */ .files-list-view { - --files-list-columns: 36px minmax(200px, 2fr) 100px 110px 160px; + --files-list-columns: 36px minmax(200px, 2fr) 100px 110px 130px 36px; display: flex; flex-direction: column; width: 100%; @@ -73,6 +73,10 @@ overflow: hidden; } +.file-item .action-cell { + align-items: center; +} + .file-item .name-cell span { white-space: nowrap; overflow: hidden; @@ -307,6 +311,11 @@ display: none; } +.list-header > div:nth-child(5), +.file-item .date-cell { + justify-self: center; + text-align: center; +} .file-item .date-cell { color: #718096; font-size: 14px; @@ -335,6 +344,25 @@ border: 2px dashed #ffc107; } +/* More actions button (three dots) */ +.file-more { + width: 30px; + height: 30px; + border-radius: 8px; + border: none; + background: transparent; + align-items: center; + justify-content: center; + transition: opacity 0.15s, background 0.15s; + cursor: pointer; + color: #64748b; + font-size: 16px; +} + +.file-more:hover { + background: #e0e5e8; + color: #334155; +} [data-theme="dark"] .files-list-view { background-color: #1e293b; @@ -385,3 +413,12 @@ background-color: rgba(255, 193, 7, 0.05); } +[data-theme="dark"] .file-more { + color: #94a3b8; +} + +[data-theme="dark"] .file-more:hover { + background: #334155; + color: #e2e8f0; +} + diff --git a/static/index.html b/static/index.html index b9734f55..a9fdb626 100644 --- a/static/index.html +++ b/static/index.html @@ -270,6 +270,7 @@