Pane command rows go flat, like the Connections button
The file panels' action verbs (Send/Edit/Rename/new folder/new file/ permissions/Delete) and the panel picker were wearing the full Aero slab, which is the dialog push-button treatment — wrong for what is really an Explorer command bar. Marked the session strip w7-toolbar so they get the flat-with-hover-glow treatment the Connections button already had from the tab-bar row. The path bar gets it too. Its up/refresh controls sit directly under the action row, so leaving them as slabs beside newly-flat neighbours would have read as arbitrary rather than deliberate. w7-toolbar only targets button, so the path <input> keeps its 7.css textbox border. Verified on a live single-instance capture: both rows flat, the path input unchanged. architecture.md's "three header rows" was now wrong and says "every command row" instead. Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -306,8 +306,11 @@ still scales and 7.css's `pt` shorthand stops resetting weight/line-height.
|
|||||||
|
|
||||||
**Markup hooks**: `role="progressbar"` (+aria) on the transfer bars,
|
**Markup hooks**: `role="progressbar"` (+aria) on the transfer bars,
|
||||||
`has-scrollbar` on scroll containers (7.css only styles `::-webkit-scrollbar`
|
`has-scrollbar` on scroll containers (7.css only styles `::-webkit-scrollbar`
|
||||||
under that class), `w7-toolbar` on the three header rows (their buttons go
|
under that class), `w7-toolbar` on every command row — the three window header
|
||||||
flat — Explorer's command bar was flat, unlike dialog push buttons), `w7-flat`
|
rows plus each file panel's session strip and path bar (their buttons go flat
|
||||||
|
with a hover glow — Explorer's command bar was flat, unlike dialog push
|
||||||
|
buttons; it only targets `button`, so the path `<input>` keeps its 7.css
|
||||||
|
textbox treatment), `w7-flat`
|
||||||
as the per-button escape hatch for the same treatment outside a toolbar (the
|
as the per-button escape hatch for the same treatment outside a toolbar (the
|
||||||
status-bar transfers summary is a text toggle, not a push button), `w7-btn`
|
status-bar transfers summary is a text toggle, not a push button), `w7-btn`
|
||||||
on the 10 dialog action buttons. The flat treatment is split across two
|
on the 10 dialog action buttons. The flat treatment is split across two
|
||||||
|
|||||||
@@ -1,5 +1,9 @@
|
|||||||
<!-- session strip -->
|
<!-- session strip.
|
||||||
<div class="relative flex items-center gap-1.5 border-b border-border px-2 py-1">
|
w7-toolbar: these are Explorer command-bar verbs, not dialog push buttons,
|
||||||
|
so under the win7 skin they go flat with a hover glow instead of wearing
|
||||||
|
the full Aero slab — the same treatment the Connections button gets from
|
||||||
|
the tab-bar row. -->
|
||||||
|
<div class="w7-toolbar relative flex items-center gap-1.5 border-b border-border px-2 py-1">
|
||||||
<button
|
<button
|
||||||
(click)="toggleMenu()"
|
(click)="toggleMenu()"
|
||||||
class="flex min-w-0 items-center gap-1.5 rounded-md px-2 py-1 text-(length:--path-font) font-medium hover:bg-accent"
|
class="flex min-w-0 items-center gap-1.5 rounded-md px-2 py-1 text-(length:--path-font) font-medium hover:bg-accent"
|
||||||
@@ -157,8 +161,10 @@
|
|||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- path bar -->
|
<!-- path bar. Also w7-toolbar: the up/refresh controls sit next to the action
|
||||||
<div class="flex items-center gap-1 border-b border-border px-2 py-1.5">
|
row, so leaving them as Aero slabs would read as arbitrary. The class only
|
||||||
|
targets buttons — the path <input> keeps its 7.css textbox treatment. -->
|
||||||
|
<div class="w7-toolbar flex items-center gap-1 border-b border-border px-2 py-1.5">
|
||||||
<button
|
<button
|
||||||
(click)="panel().up()"
|
(click)="panel().up()"
|
||||||
[disabled]="blocked()"
|
[disabled]="blocked()"
|
||||||
|
|||||||
Reference in New Issue
Block a user