Simulate active page button style

This commit is contained in:
ivarsbariss
2026-02-26 15:44:00 +01:00
parent 4ddd5ac9b8
commit 4818aee67f
10 changed files with 16 additions and 40 deletions

View File

@@ -1,4 +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`.
- Each page now hardcodes the highlighted button to `appsmith.theme.colors.backgroundColor` (what used to be the default background) and keeps the inactive buttons at `#ffffff`, so the active canvas still renders distinctly without referencing `appsmith.page`.

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 8,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,14 +3,10 @@
"borderRadius": "0.375rem",
"bottomRow": 12,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonColor": "#ffffff",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
}
],
"dynamicBindingPathList": [],
"dynamicTriggerPathList": [
{
"key": "onClick"

View File

@@ -3,14 +3,10 @@
"borderRadius": "0.375rem",
"bottomRow": 16,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonColor": "#ffffff",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
}
],
"dynamicBindingPathList": [],
"dynamicTriggerPathList": [
{
"key": "onClick"

View File

@@ -3,14 +3,10 @@
"borderRadius": "0.375rem",
"bottomRow": 8,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonColor": "#ffffff",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
}
],
"dynamicBindingPathList": [],
"dynamicTriggerPathList": [
{
"key": "onClick"

View File

@@ -3,14 +3,10 @@
"borderRadius": "0.375rem",
"bottomRow": 12,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonColor": "#ffffff",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
}
],
"dynamicBindingPathList": [],
"dynamicTriggerPathList": [
{
"key": "onClick"

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 16,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,14 +3,10 @@
"borderRadius": "0.375rem",
"bottomRow": 8,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonColor": "#ffffff",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
}
],
"dynamicBindingPathList": [],
"dynamicTriggerPathList": [
{
"key": "onClick"

View File

@@ -3,7 +3,7 @@
"borderRadius": "0.375rem",
"bottomRow": 12,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.primaryColor}}",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [

View File

@@ -3,14 +3,10 @@
"borderRadius": "0.375rem",
"bottomRow": 16,
"boxShadow": "none",
"buttonColor": "{{appsmith.theme.colors.backgroundColor}}",
"buttonColor": "#ffffff",
"buttonVariant": "PRIMARY",
"disabledWhenInvalid": false,
"dynamicBindingPathList": [
{
"key": "buttonColor"
}
],
"dynamicBindingPathList": [],
"dynamicTriggerPathList": [
{
"key": "onClick"