Vertical navigation styling adjustments

This commit is contained in:
ivarsbariss
2026-01-28 13:27:24 +01:00
parent 1c28eae620
commit b8421b9d66
4 changed files with 151 additions and 19 deletions

View File

@@ -1,7 +1,7 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 9,
"bottomRow": 16,
"dynamicBindingPathList": [
{
"key": "truncateButtonColor"
@@ -21,29 +21,29 @@
"isLoading": false,
"isVisible": true,
"key": "pii8e5rbru",
"leftColumn": 13,
"leftColumn": 1,
"maxDynamicHeight": 9000,
"minDynamicHeight": 4,
"minWidth": 450,
"mobileBottomRow": 5,
"mobileLeftColumn": 13,
"mobileRightColumn": 64,
"mobileLeftColumn": 1,
"mobileRightColumn": 17,
"mobileTopRow": 1,
"needsErrorInfo": false,
"originalBottomRow": 9,
"originalTopRow": 1,
"originalBottomRow": 16,
"originalTopRow": 8,
"overflow": "NONE",
"parentColumnSpace": 25.109375,
"parentId": "0",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 64,
"rightColumn": 17,
"shouldTruncate": false,
"text": "Sales",
"text": "Sales / Capacity Planning",
"textAlign": "LEFT",
"textColor": "#231F20",
"topRow": 1,
"topRow": 8,
"truncateButtonColor": "{{appsmith.theme.colors.primaryColor}}",
"type": "TEXT_WIDGET",
"version": 1,

View File

@@ -0,0 +1,133 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 7,
"boxShadow": "none",
"buttonVariant": "PRIMARY",
"childStylesheet": {
"button": {
"buttonColor": "#020618"
}
},
"dynamicBindingPathList": [
{
"key": "borderRadius"
}
],
"dynamicTriggerPathList": [
{
"key": "groupButtons.homeBtn.onClick"
},
{
"key": "groupButtons.salesMenu.menuItems.salesOverview.onClick"
},
{
"key": "groupButtons.salesMenu.menuItems.capacityPlanning.onClick"
},
{
"key": "groupButtons.salesMenu.menuItems.unitsShipped.onClick"
},
{
"key": "groupButtons.marketingBtn.onClick"
}
],
"flexVerticalAlignment": "start",
"groupButtons": {
"homeBtn": {
"buttonColor": "#020618",
"buttonType": "SIMPLE",
"iconName": "home",
"id": "homeBtn",
"index": 0,
"isDisabled": false,
"isVisible": true,
"label": "Home",
"menuItems": {},
"onClick": "{{navigateTo('Home', {}, 'SAME_WINDOW')}}"
},
"salesMenu": {
"buttonColor": "#020618",
"buttonType": "MENU",
"iconName": "trending-up",
"id": "salesMenu",
"index": 1,
"isDisabled": false,
"isVisible": true,
"label": "Sales",
"menuItems": {
"salesOverview": {
"backgroundColor": "#020618",
"iconAlign": "left",
"iconColor": "#FFFFFF",
"iconName": "dashboard",
"id": "salesOverview",
"index": 0,
"isDisabled": false,
"isVisible": true,
"label": "Overview",
"onClick": "{{navigateTo('Sales', {}, 'SAME_WINDOW')}}",
"textColor": "#FFFFFF"
},
"capacityPlanning": {
"backgroundColor": "#020618",
"iconAlign": "left",
"iconColor": "#FFFFFF",
"iconName": "calendar",
"id": "capacityPlanning",
"index": 1,
"isDisabled": false,
"isVisible": true,
"label": "Capacity Planning",
"onClick": "{{navigateTo('Sales - Capacity Planning', {}, 'SAME_WINDOW')}}",
"textColor": "#FFFFFF"
},
"unitsShipped": {
"backgroundColor": "#020618",
"iconAlign": "left",
"iconColor": "#FFFFFF",
"iconName": "box",
"id": "unitsShipped",
"index": 2,
"isDisabled": false,
"isVisible": true,
"label": "Units Shipped",
"onClick": "{{navigateTo('Sales - Units Shipped', {}, 'SAME_WINDOW')}}",
"textColor": "#FFFFFF"
}
}
},
"marketingBtn": {
"buttonColor": "#020618",
"buttonType": "SIMPLE",
"iconName": "megaphone",
"id": "marketingBtn",
"index": 2,
"isDisabled": false,
"isVisible": true,
"label": "Marketing",
"menuItems": {},
"onClick": "{{navigateTo('Marketing', {}, 'SAME_WINDOW')}}"
}
},
"isLoading": false,
"isVisible": true,
"key": "nav2btngrp",
"leftColumn": 0,
"minWidth": 450,
"mobileBottomRow": 7,
"mobileLeftColumn": 0,
"mobileRightColumn": 64,
"mobileTopRow": 0,
"orientation": "horizontal",
"parentColumnSpace": 25.109375,
"parentId": "0",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"rightColumn": 64,
"topRow": 0,
"type": "BUTTON_GROUP_WIDGET",
"version": 1,
"widgetId": "nav2btngrp002",
"widgetName": "Navigation"
}

View File

@@ -1,7 +1,7 @@
{
"animateLoading": true,
"borderRadius": "{{appsmith.theme.borderRadius.appBorderRadius}}",
"bottomRow": 124,
"bottomRow": 80,
"boxShadow": "none",
"buttonVariant": "PRIMARY",
"childStylesheet": {
@@ -113,9 +113,8 @@
"isVisible": true,
"key": "sidenavbtngrp",
"leftColumn": 0,
"minHeight": 600,
"minWidth": 120,
"mobileBottomRow": 124,
"mobileBottomRow": 80,
"mobileLeftColumn": 0,
"mobileRightColumn": 12,
"mobileTopRow": 0,
@@ -124,7 +123,7 @@
"parentId": "0",
"parentRowSpace": 10,
"renderMode": "CANVAS",
"responsiveBehavior": "fill",
"responsiveBehavior": "hug",
"rightColumn": 12,
"topRow": 0,
"type": "BUTTON_GROUP_WIDGET",

View File

@@ -90,15 +90,15 @@
"isVisibleSearch": true,
"key": "o9k9wp97q1",
"label": "Data",
"leftColumn": 13,
"leftColumn": 1,
"minWidth": 450,
"mobileBottomRow": 31,
"mobileLeftColumn": 13,
"mobileRightColumn": 64,
"mobileLeftColumn": 1,
"mobileRightColumn": 35,
"mobileTopRow": 3,
"needsErrorInfo": false,
"originalBottomRow": 94,
"originalTopRow": 10,
"originalBottomRow": 104,
"originalTopRow": 20,
"parentColumnSpace": 11.265625,
"parentId": "0",
"parentRowSpace": 10,
@@ -234,7 +234,7 @@
"searchKey": "",
"tableData": "{{capacity_display_all.data}}",
"textSize": "0.875rem",
"topRow": 10,
"topRow": 20,
"totalRecordsCount": 0,
"type": "TABLE_WIDGET_V2",
"version": 2,