pporto/arch-panel-extension-browser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Ajustes visuais no comportamento da função de mostrar/ocultar a sidebar

Browse Source
This commit is contained in:
Paulo Porto
2026-05-27 11:08:37 -03:00
parent 29a461ea63
commit cbf9550f0b
4 changed files with 79 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/content/styles.css
View File

@@ -53,6 +53,7 @@ body.arch-panel-extension-modal-open {
.arch-panel-extension-close:focus-visible,
.arch-panel-extension-theme-toggle:focus-visible,
.arch-panel-extension-sidebar-button:focus-visible,
.arch-panel-extension-sidebar-toggle:focus-visible,
.arch-panel-extension-utility-button:focus-visible,
.arch-panel-extension-summary-card-button:focus-visible,
.arch-panel-extension-sort-button:focus-visible,
@@ -339,19 +340,54 @@ body.arch-panel-extension-modal-open {
}
.arch-panel-extension-shell-body.is-sidebar-collapsed {
grid-template-columns: minmax(0, 1fr);
grid-template-columns: 44px minmax(0, 1fr);
}
.arch-panel-extension-sidebar {
position: relative;
background: var(--wb-sidebar);
border-right: 1px solid var(--wb-border);
padding: 20px 14px;
padding: 44px 14px 20px;
}
.arch-panel-extension-sidebar.is-collapsed {
padding: 44px 6px 20px;
}
.arch-panel-extension-sidebar.is-collapsed .arch-panel-extension-sidebar-group {
display: none;
}
.arch-panel-extension-sidebar-toggle {
position: absolute;
top: 10px;
right: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
color: var(--wb-text-muted);
cursor: pointer;
padding: 0;
}
.arch-panel-extension-sidebar-toggle:hover {
border-color: var(--wb-border);
background: var(--wb-panel);
color: var(--wb-text);
}
.arch-panel-extension-sidebar-toggle svg {
width: 16px;
height: 16px;
fill: currentColor;
pointer-events: none;
}
.arch-panel-extension-sidebar-group + .arch-panel-extension-sidebar-group {
margin-top: 18px;
padding-top: 18px;
@@ -2722,7 +2758,21 @@ body.arch-panel-extension-modal-open {
}
.arch-panel-extension-sidebar {
display: none;
border-right: 0;
border-bottom: 1px solid var(--wb-border);
}
.arch-panel-extension-shell-body.is-sidebar-collapsed {
grid-template-columns: 1fr;
}
.arch-panel-extension-sidebar.is-collapsed {
min-height: 44px;
padding: 8px 10px;
}
.arch-panel-extension-sidebar.is-collapsed .arch-panel-extension-sidebar-toggle {
right: 10px;
}
}