diff --git a/internal/server/web/templates/files.html b/internal/server/web/templates/files.html index c0e1531..b447c07 100644 --- a/internal/server/web/templates/files.html +++ b/internal/server/web/templates/files.html @@ -17,6 +17,11 @@ background:#0c0f13; border:1px solid var(--border); border-radius:8px; padding:8px 12px; flex:1; min-width:200px; height:34px; box-sizing:border-box; } input.fm-path:focus { outline:none; border-color:var(--accent); color:var(--text); } + /* The path field, with the folder's properties button inside it on the right. */ + .fm-pathbox { position:relative; flex:1; min-width:200px; display:flex; } + .fm-pathbox input.fm-path { width:100%; min-width:0; padding-right:40px; } + .fm-bar .fm-pathbox .btn.sq { position:absolute; right:3px; top:3px; width:28px; height:28px; border:1px solid transparent; } + .fm-bar .fm-pathbox .btn.sq:hover { border-color:var(--border); background:#151a21; } .spinner { width:16px; height:16px; border:2px solid var(--border); border-top-color:var(--accent); border-radius:50%; animation:spin .7s linear infinite; display:none; } @keyframes spin { to { transform:rotate(360deg); } } @@ -59,7 +64,7 @@ table.fm .c-act { width:1%; } table.fm td, table.fm th { padding:7px 4px; } .ic { margin-right:4px; } - .fm-bar input.fm-path { flex:1 1 100%; order:-1; } + .fm-bar .fm-pathbox { flex:1 1 100%; order:-1; } } dialog { background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:12px; padding:0; max-width:900px; width:92vw; } @@ -215,9 +220,11 @@
- +
+ + +
-