fix(css): add sidebar offset (260px) to all main content areas
The sidebar injected by sidebar.js is position:fixed with width:260px, but most pages lacked margin-left on their main content, causing text to be hidden behind the sidebar. Affected pages: - accounting, config, inventory, invoicing (.main) - catalog, customers, diagrams, reports (.main-content) Already fixed: dashboard, quotations Not affected: fleet, whatsapp (use pos-main-offset), pos (no sidebar)
This commit is contained in:
@@ -326,6 +326,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-left: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-header {
|
.page-header {
|
||||||
|
|||||||
@@ -76,7 +76,7 @@
|
|||||||
MAIN CONTENT
|
MAIN CONTENT
|
||||||
========================================================================= */
|
========================================================================= */
|
||||||
|
|
||||||
.main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-width: 0; }
|
.main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-width: 0; margin-left: 260px; }
|
||||||
|
|
||||||
/* Header with breadcrumb + search */
|
/* Header with breadcrumb + search */
|
||||||
.content-header {
|
.content-header {
|
||||||
|
|||||||
@@ -326,6 +326,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-left: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-header {
|
.page-header {
|
||||||
|
|||||||
@@ -340,6 +340,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-left: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Page header */
|
/* Page header */
|
||||||
|
|||||||
@@ -76,6 +76,7 @@
|
|||||||
.main-content {
|
.main-content {
|
||||||
flex: 1; display: flex; flex-direction: column; overflow: hidden;
|
flex: 1; display: flex; flex-direction: column; overflow: hidden;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-left: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-header {
|
.page-header {
|
||||||
|
|||||||
@@ -332,6 +332,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-left: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- Page Header ---- */
|
/* ---- Page Header ---- */
|
||||||
|
|||||||
@@ -332,6 +332,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-left: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ---- Page Header ---- */
|
/* ---- Page Header ---- */
|
||||||
|
|||||||
@@ -340,6 +340,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-left: 260px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header */
|
/* Header */
|
||||||
|
|||||||
Reference in New Issue
Block a user