Simulate active page button style

This commit is contained in:
ivarsbariss
2026-02-26 15:41:04 +01:00
parent fe20ec23a3
commit 4ddd5ac9b8
10 changed files with 13 additions and 9 deletions

4
docs/README.md Normal file
View File

@@ -0,0 +1,4 @@
# Navigation updates
- Added the **Units Ordered** nav button beneath **Units Shipped** on every Sales canvas so the new sales dashboard route is reachable from Capacity Planning, Units Ordered, and Units Shipped.
- Each page now hardcodes the appropriate nav button to `appsmith.theme.colors.primaryColor` and keeps the others at `appsmith.theme.colors.backgroundColor`, guaranteeing only the current canvas renders with the darker highlight without referencing `appsmith.page`.

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 8,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Capacity Planning' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 12,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Units Shipped' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 16,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Units Ordered' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 8,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Capacity Planning' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 12,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Units Shipped' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 16,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Units Ordered' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 8,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Capacity Planning' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 12,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Units Shipped' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 16,
"boxShadow": "none",
"buttonColor": "{{appsmith.page.name === 'Sales - Units Ordered' ? appsmith.theme.colors.primaryColor : appsmith.theme.colors.backgroundColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [