Implement a new design for the BisqEasy Offerbook

apps/desktop/desktop/src/main/java/bisq/desktop/CssConfig.java

@@ -34,6 +34,7 @@ public static void addAllCss(Scene scene) {
                 requireNonNull(aClass.getResource("/css/user.css")).toExternalForm(),
                 requireNonNull(aClass.getResource("/css/bisq_easy.css")).toExternalForm(),
                 requireNonNull(aClass.getResource("/css/trade_apps.css")).toExternalForm(),
-                requireNonNull(aClass.getResource("/css/images.css")).toExternalForm());
+                requireNonNull(aClass.getResource("/css/images.css")).toExternalForm(),
+                requireNonNull(aClass.getResource("/css/markets.css")).toExternalForm());
     }
-}
+}

apps/desktop/desktop/src/main/java/bisq/desktop/components/controls/DropdownMenu.java

@@ -0,0 +1,121 @@
+/*
+ * This file is part of Bisq.
+ *
+ * Bisq is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or (at
+ * your option) any later version.
+ *
+ * Bisq is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public
+ * License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Bisq. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+package bisq.desktop.components.controls;
+
+import bisq.desktop.common.utils.ImageUtil;
+import javafx.beans.value.WeakChangeListener;
+import javafx.geometry.Bounds;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.control.ContextMenu;
+import javafx.scene.control.Label;
+import javafx.scene.control.MenuItem;
+import javafx.scene.image.ImageView;
+import javafx.scene.layout.HBox;
+import javafx.stage.PopupWindow;
+import javafx.stage.WindowEvent;
+
+public class DropdownMenu extends HBox {
+    private final Label label = new Label();
+    private final ImageView defaultIcon, activeIcon;
+    private final ContextMenu contextMenu = new ContextMenu();
+    private ImageView buttonIcon;
+
+    public DropdownMenu(String defaultIconId, String activeIconId, boolean useIconOnly) {
+        defaultIcon = ImageUtil.getImageViewById(defaultIconId);
+        activeIcon = ImageUtil.getImageViewById(activeIconId);
+
+        buttonIcon = defaultIcon;
+
+        getChildren().addAll(label, buttonIcon);
+
+        getStyleClass().add("dropdown-menu");
+        contextMenu.getStyleClass().add("dropdown-menu-popup");
+
+        if (useIconOnly) {
+            double size = 29;
+            setMaxSize(size, size);
+            setMinSize(size, size);
+            setPrefSize(size, size);
+            setAlignment(Pos.CENTER);
+        } else {
+            setSpacing(5);
+            setAlignment(Pos.CENTER_RIGHT);
+            setPadding(new Insets(0, 5, 0, 0));
+        }
+
+        attachListeners();
+    }
+
+    public void setLabel(String text) {
+        label.setText(text);
+    }
+
+    private void toggleContextMenu() {
+        if (!contextMenu.isShowing()) {
+            contextMenu.setAnchorLocation(PopupWindow.AnchorLocation.WINDOW_TOP_RIGHT);
+            Bounds bounds = this.localToScreen(this.getBoundsInLocal());
+            double x = bounds.getMaxX();
+            double y = bounds.getMaxY() + 5;
+            contextMenu.show(this, x, y);
+        } else {
+            contextMenu.hide();
+        }
+    }
+
+    public void addMenuItems(MenuItem... items) {
+        contextMenu.getItems().addAll(items);
+    }
+
+    public void clearMenuItems() {
+        contextMenu.getItems().clear();
+    }
+
+    private void attachListeners() {
+        setOnMouseClicked(event -> toggleContextMenu());
+        setOnMouseExited(e -> updateIcon(contextMenu.isShowing() ? activeIcon : defaultIcon));
+        setOnMouseEntered(e -> updateIcon(activeIcon));
+
+        sceneProperty().addListener(new WeakChangeListener<>((observable, oldScene, newScene) -> {
+            if (newScene != null) {
+                newScene.windowProperty().addListener(new WeakChangeListener<>((obs, oldWindow, newWindow) -> {
+                    if (newWindow != null) {
+                        newWindow.addEventHandler(WindowEvent.WINDOW_HIDING, e -> contextMenu.hide());
+                    }
+                }));
+            }
+        }));
+
+        contextMenu.setOnShowing(e -> {
+            getStyleClass().add("dropdown-menu-active");
+            updateIcon(activeIcon);
+        });
+        contextMenu.setOnHidden(e -> {
+            getStyleClass().remove("dropdown-menu-active");
+            updateIcon(defaultIcon);
+        });
+    }
+
+    private void updateIcon(ImageView newIcon) {
+        if (buttonIcon != newIcon) {
+            getChildren().remove(buttonIcon);
+            buttonIcon = newIcon;
+            getChildren().add(buttonIcon);
+        }
+    }
+}

apps/desktop/desktop/src/main/java/bisq/desktop/components/table/BisqTableView.java

@@ -100,6 +100,14 @@ public void allowVerticalScrollbar() {
         getStyleClass().remove("hide-vertical-scrollbar");
     }
 
+    public void hideHorizontalScrollbar() {
+        getStyleClass().add("force-hide-horizontal-scrollbar");
+    }
+
+    public void allowHorizontalScrollbar() {
+        getStyleClass().remove("force-hide-horizontal-scrollbar");
+    }
+
     public void removeListeners() {
         if (listChangeListener != null) {
             getItems().removeListener(listChangeListener);

apps/desktop/desktop/src/main/java/bisq/desktop/main/content/authorized_role/mediator/MediationCaseHeader.java

@@ -164,7 +164,7 @@ private View(Model model, Controller controller) {
             root.setMaxHeight(HEIGHT);
             root.setAlignment(Pos.CENTER_LEFT);
             root.setPadding(new Insets(0, 30, 0, 30));
-            root.getStyleClass().add("bisq-easy-container-header");
+            root.getStyleClass().add("chat-container-header");
 
             tradeId = getElements(Res.get("bisqEasy.tradeState.header.tradeId"));
 

apps/desktop/desktop/src/main/java/bisq/desktop/main/content/bisq_easy/BisqEasyViewUtils.java

@@ -33,7 +33,7 @@ public static Triple<Label, HBox, VBox> getContainer(String headline, Node conte
         HBox header = new HBox(10, headlineLabel);
         header.setAlignment(Pos.CENTER_LEFT);
         header.setPadding(new Insets(15, 30, 15, 30));
-        header.getStyleClass().add("bisq-easy-container-header");
+        header.getStyleClass().add("chat-container-header");
 
         VBox.setMargin(content, new Insets(0, 30, 15, 30));
         VBox vBox = new VBox(header, Layout.hLine(), content);

apps/desktop/desktop/src/main/java/bisq/desktop/main/content/bisq_easy/components/TradeDataHeader.java

@@ -176,7 +176,7 @@ private View(Model model, Controller controller) {
             root.setMaxHeight(HEIGHT);
             root.setAlignment(Pos.CENTER_LEFT);
             root.setPadding(new Insets(0, 30, 0, 30));
-            root.getStyleClass().add("bisq-easy-container-header");
+            root.getStyleClass().add("chat-container-header");
 
             peerDescription = new Label();
             peerDescription.getStyleClass().add("bisq-easy-open-trades-header-description");