RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix sidebar scroll

Browse Source
This commit is contained in:
Harkamal Randhawa
2026-03-11 08:58:35 -06:00
parent 130322d6d8
commit 1d8d118650
1 changed files with 187 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/main/resources/org/example/petshopdesktop/main-layout-view.fxml
View File

@@ -9,17 +9,17 @@
<?import javafx.scene.image.ImageView?> <?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.BorderPane?> <?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?> <?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.Region?>
<?import javafx.scene.layout.StackPane?> <?import javafx.scene.layout.StackPane?>
<?import javafx.scene.layout.VBox?> <?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?> <?import javafx.scene.text.Font?>
<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="742.0" prefWidth="1069.0" xmlns="http://javafx.com/javafx/17" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.petshopdesktop.controllers.MainLayoutController"> <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="742.0" prefWidth="1069.0" xmlns="http://javafx.com/javafx/17" xmlns:fx="http://javafx.com/fxml/1" fx:controller="org.example.petshopdesktop.controllers.MainLayoutController">
<left> <left>
<ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background-color: #2C3E50; -fx-background: #2C3E50;" BorderPane.alignment="CENTER"> <VBox prefWidth="200.0" style="-fx-background-color: #2C3E50;" BorderPane.alignment="CENTER">
<VBox prefWidth="200.0" spacing="6.0" style="-fx-background-color: #2C3E50;"> <children>
<VBox spacing="6.0" style="-fx-background-color: #2C3E50;">
<padding> <padding>
<Insets bottom="15.0" left="15.0" right="15.0" top="15.0" /> <Insets bottom="12.0" left="15.0" right="15.0" top="15.0" />
</padding> </padding>
<children> <children>
<HBox alignment="CENTER"> <HBox alignment="CENTER">
@@ -46,7 +46,15 @@
</padding> </padding>
</Label> </Label>
<Separator prefWidth="200.0" style="-fx-background-color: #444444; -fx-opacity: 0.35;" /> <Separator prefWidth="200.0" style="-fx-background-color: #444444; -fx-opacity: 0.35;" />
</children>
</VBox>
<ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background-color: #2C3E50; -fx-background: #2C3E50;" VBox.vgrow="ALWAYS">
<content>
<VBox spacing="6.0" style="-fx-background-color: #2C3E50;">
<padding>
<Insets bottom="15.0" left="15.0" right="15.0" top="8.0" />
</padding>
<children>
<Label text="BUSINESS" textFill="#94a3b8"> <Label text="BUSINESS" textFill="#94a3b8">
<font> <font>
<Font name="System Bold" size="10.0" /> <Font name="System Bold" size="10.0" />
@@ -56,7 +64,7 @@
</padding> </padding>
</Label> </Label>
<Button fx:id="btnAnalytics" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnAnalyticsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Analytics" textFill="#cbd5e1"> <Button fx:id="btnAnalytics" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnAnalyticsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Analytics" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -64,7 +72,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnSalesHistory" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnSalesHistoryClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Sales History" textFill="#cbd5e1"> <Button fx:id="btnSalesHistory" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnSalesHistoryClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Sales History" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -72,7 +80,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnAppointments" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnAppointmentsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Appointments" textFill="#cbd5e1"> <Button fx:id="btnAppointments" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnAppointmentsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Appointments" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -80,7 +88,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnServices" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnServicesClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Services" textFill="#cbd5e1"> <Button fx:id="btnServices" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnServicesClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Services" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -88,7 +96,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnChat" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnChatClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Chat" textFill="#cbd5e1"> <Button fx:id="btnChat" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnChatClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Chat" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -108,7 +116,7 @@
</padding> </padding>
</Label> </Label>
<Button fx:id="btnPets" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnPetsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Pets" textFill="#cbd5e1"> <Button fx:id="btnPets" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnPetsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Pets" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -116,7 +124,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnAdoptions" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnAdoptionsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Adoptions" textFill="#cbd5e1"> <Button fx:id="btnAdoptions" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnAdoptionsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Adoptions" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -124,7 +132,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnProducts" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnProductsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Products" textFill="#cbd5e1"> <Button fx:id="btnProducts" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnProductsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Products" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -144,7 +152,7 @@
</padding> </padding>
</Label> </Label>
<Button fx:id="btnInventory" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnInventoryClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Inventory" textFill="#cbd5e1"> <Button fx:id="btnInventory" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnInventoryClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Inventory" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -152,7 +160,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnSuppliers" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnSuppliersClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Suppliers" textFill="#cbd5e1"> <Button fx:id="btnSuppliers" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnSuppliersClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Suppliers" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -160,7 +168,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnProductSuppliers" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnProductSuppliersClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Product-Suppliers" textFill="#cbd5e1"> <Button fx:id="btnProductSuppliers" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnProductSuppliersClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Product-Suppliers" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -168,7 +176,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnPurchaseOrders" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnPurchaseOrdersClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Purchase Orders" textFill="#cbd5e1"> <Button fx:id="btnPurchaseOrders" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnPurchaseOrdersClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Purchase Orders" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -176,7 +184,7 @@
<Insets bottom="8.0" left="10.0" right="10.0" top="8.0" /> <Insets bottom="8.0" left="10.0" right="10.0" top="8.0" />
</padding> </padding>
</Button> </Button>
<Button fx:id="btnStaffAccounts" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnStaffAccountsClicked" maxWidth="Infinity" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Staff Accounts" textFill="#cbd5e1"> <Button fx:id="btnStaffAccounts" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnStaffAccountsClicked" style="-fx-background-color: transparent; -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Staff Accounts" textFill="#cbd5e1">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -185,9 +193,7 @@
</padding> </padding>
</Button> </Button>
<Region VBox.vgrow="ALWAYS" /> <Button fx:id="btnLogout" alignment="CENTER_LEFT" maxWidth="Infinity" mnemonicParsing="false" onAction="#btnLogoutClicked" style="-fx-background-color: rgba(255,255,255,0.08); -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Logout" textFill="#e2e8f0">
<Button fx:id="btnLogout" alignment="CENTER_LEFT" mnemonicParsing="false" onAction="#btnLogoutClicked" maxWidth="Infinity" style="-fx-background-color: rgba(255,255,255,0.08); -fx-background-radius: 8; -fx-cursor: hand; -fx-focus-color: transparent; -fx-faint-focus-color: transparent;" text="Logout" textFill="#e2e8f0">
<font> <font>
<Font name="System" size="12.0" /> <Font name="System" size="12.0" />
</font> </font>
@@ -200,7 +206,10 @@
</Button> </Button>
</children> </children>
</VBox> </VBox>
</content>
</ScrollPane> </ScrollPane>
</children>
</VBox>
</left> </left>
<center> <center>
<StackPane fx:id="spContentArea" prefHeight="150.0" prefWidth="200.0" BorderPane.alignment="CENTER" /> <StackPane fx:id="spContentArea" prefHeight="150.0" prefWidth="200.0" BorderPane.alignment="CENTER" />