rajch_ales/product-import-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix main workspace collapse arrow direction

Browse Source
This commit is contained in:
rajch_ales
2026-08-05 23:17:25 +02:00
parent f88cadc490
commit 1a49fa4e95
5 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app.js
+1 -1
View File
@@ -1008,7 +1008,7 @@ function toggleMainWorkspace() {
mainWorkspaceToggle.setAttribute("aria-expanded", String(!isCollapsed));
mainWorkspaceToggle.setAttribute("aria-label", isCollapsed ? "Expand main workspace" : "Collapse main workspace");
mainWorkspaceToggle.title = isCollapsed ? "Expand main workspace" : "Collapse main workspace";
mainWorkspaceToggle.textContent = isCollapsed ? "‹" : "›";
mainWorkspaceToggle.textContent = isCollapsed ? "›" : "‹";
}
function loadTheme() {
const isDark = localStorage.getItem("catalog-maker:theme") === "dark";
public/app.ts
+1 -1
View File
@@ -1094,7 +1094,7 @@ function toggleMainWorkspace() {
mainWorkspaceToggle.setAttribute("aria-expanded", String(!isCollapsed));
mainWorkspaceToggle.setAttribute("aria-label", isCollapsed ? "Expand main workspace" : "Collapse main workspace");
mainWorkspaceToggle.title = isCollapsed ? "Expand main workspace" : "Collapse main workspace";
mainWorkspaceToggle.textContent = isCollapsed ? "‹" : "›";
mainWorkspaceToggle.textContent = isCollapsed ? "›" : "‹";
}
function loadTheme() {
public/index.html
+1 -1
View File
@@ -119,7 +119,7 @@
<section class="data-panel main-workspace" aria-label="Catalog workspace">
<div class="panel-header column-header workspace-header">
<span>Main workspace</span>
<button class="column-toggle" id="mainWorkspaceToggle" type="button" aria-expanded="true" aria-controls="variantGrid" aria-label="Collapse main workspace" title="Collapse main workspace">›</button>
<button class="column-toggle" id="mainWorkspaceToggle" type="button" aria-expanded="true" aria-controls="variantGrid" aria-label="Collapse main workspace" title="Collapse main workspace">‹</button>
</div>
<div class="table-wrap">
<div class="variant-grid" id="variantGrid" role="table" aria-label="Product combinations">
public/styles.css
+1 -1
View File
File diff suppressed because one or more lines are too long
src/tailwind.css
+2 -2
View File
@@ -149,9 +149,9 @@
.column-header { @apply min-w-0; }
.column-toggle { @apply inline-flex h-5 w-5 shrink-0 items-center justify-center rounded border border-slate-400 bg-white text-[0px] leading-none text-slate-700 shadow-sm transition hover:border-slate-500 hover:bg-slate-200 focus:outline-none focus:ring-2 focus:ring-catalog-focus/25; }
#secondaryPanelToggle[aria-label="Collapse product details"]::before,
#mainWorkspaceToggle[aria-label="Expand main workspace"]::before { transform: rotate(135deg); }
#mainWorkspaceToggle[aria-label="Collapse main workspace"]::before { transform: rotate(135deg); }
#secondaryPanelToggle[aria-label="Expand product details"]::before,
#mainWorkspaceToggle[aria-label="Collapse main workspace"]::before { transform: rotate(-45deg); }
#mainWorkspaceToggle[aria-label="Expand main workspace"]::before { transform: rotate(-45deg); }
.secondary-panel .field-grid { @apply overflow-hidden; }
.secondary-collapsed .secondary-panel .column-header { @apply h-full flex-col justify-start py-1; writing-mode: vertical-rl; }
.secondary-collapsed .secondary-panel .column-header .column-toggle,