Merge pull request #636 from dlsc-software-consulting-gmbh/fix-remove…

…-shadows

Update UI elements and modify button interaction

mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/BottomMenuBar.java

@@ -35,7 +35,7 @@ public BottomMenuBar() {
         homeButton.setGraphic(new FontIcon(MaterialDesign.MDI_HOME));
         homeButton.setMaxWidth(Double.MAX_VALUE);
         homeButton.setUserData(PagePath.HOME);
-        homeButton.setOnMouseClicked(evt -> {
+        homeButton.setOnMousePressed(evt -> {
             if (homeButton.isSelected()) {
                 // If the home page is being displayed, clicking homeButton will hide the search view and display the normal content.
                 MobileHomePage.getInstance().setContentType(MobileHomePage.ContentType.NORMAL);

mobile/src/main/resources/com/dlsc/jfxcentral2/mobile/mobile.css

@@ -151,7 +151,8 @@
 .category-tile-view .category-tile {
     -fx-background-color: -white;
     -fx-background-radius: 12px;
-    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.2), 12, 0, 0, 0);
+    -fx-border-color: -grey-10;
+    -fx-border-radius: 12px;
     -fx-padding: 10px;
     -fx-max-height: 200px;
 }
@@ -289,9 +290,10 @@
 .category-preview-view > .content > .category-cell {
     -fx-background-color: -white;
     -fx-background-radius: 10px;
+    -fx-border-color: -grey-10;
+    -fx-border-radius: 10px;
     -fx-padding: 10px;
     -fx-spacing: 15px;
-    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.1), 5, 0.5, 0, 1);
 }
 
 .category-preview-view > .content > .category-cell .avatar-view {
@@ -454,9 +456,10 @@
 }
 
 .week-links-view .md-view {
-    -fx-background-radius: 12px;
+    -fx-background-radius: 10px;
     -fx-background-color: #fefefe;
-    -fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0.3), 15, 0, 0, 0);
+    -fx-border-color: -grey-10;
+    -fx-border-radius: 10px;
 }
 
 .week-links-view:md-lg .md-view {