Added copy of javafx-graphics CSS file for j2cl

webfx-project · May 29, 2024 · 720b52c · 720b52c
1 parent 6f01eb2
commit 720b52c
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 0 deletions.
diff --git a/webfx-kit/webfx-kit-javafxgraphics-fat-j2cl/pom.xml b/webfx-kit/webfx-kit-javafxgraphics-fat-j2cl/pom.xml
@@ -16,6 +16,29 @@
 
     <build>
         <plugins>
+
+            <plugin>
+                <artifactId>maven-antrun-plugin</artifactId>
+                <executions>
+                    <execution>
+                        <id>append-main</id>
+                        <goals>
+                            <goal>run</goal>
+                        </goals>
+                        <phase>compile</phase>
+                        <configuration>
+                            <target>
+                                <!-- Copying the WebFX folder from webfx-kit-javafxgraphics-peers-gwt-j2cl (CSS file) -->
+                                <sync todir="${project.basedir}/src/main/webfx">
+                                    <fileset dir="${project.basedir}/../webfx-kit-javafxgraphics-peers-gwt-j2cl/src/main/webfx">
+                                    </fileset>
+                                </sync>
+                            </target>
+                        </configuration>
+                    </execution>
+                </executions>
+            </plugin>
+
             <plugin>
                 <groupId>org.apache.maven.plugins</groupId>
                 <artifactId>maven-dependency-plugin</artifactId>

diff --git a/...ebfx-kit-javafxgraphics-fat-j2cl/src/main/webfx/css/[email protected] b/...ebfx-kit-javafxgraphics-fat-j2cl/src/main/webfx/css/[email protected]
@@ -0,0 +1,23 @@
+/* Mocking some basic JavaFX behaviours */
+body {
+    overflow: hidden; /* Disabling browser horizontal and vertical scroll bars */
+    margin: 0; /* Removing the default margin around the body */
+    /* Disabling user selection by default */
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Making disabled nodes semi-transparent */
+.disabled {
+    opacity: 50%;
+}
+
+/* When fill and stroke are not set by application code, we make them transparent by default like in JavaFX (otherwise
+ the browser will make them black). */
+fx-svgpath svg {
+    fill: none;
+    stroke: none;
+}