@silexlabs/silex 3.5.1-2 → 3.5.1-3

package/.silex.js

@@ -44,6 +44,9 @@ module.exports = async function(config, options) {
           }, {
             route: '/css/files/',
             path: nodeModules('@fontsource/ubuntu') + '/@fontsource/ubuntu/files/',
+          }, {
+            route: '/lottie-player/',
+            path: nodeModules('@lottiefiles/lottie-player') + '/@lottiefiles/lottie-player/dist/',
           }, {
             route: '/',
             path: join(__dirname, 'dist', 'client'),

package/dist/client/client/grapesjs/lottie.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from 'grapesjs';
+/**
+ * Lottie animation block plugin for Silex
+ * Allows users to embed Lottie animations using the lottie-player web component
+ * Follows GrapesJS best practices for loading external scripts
+ */
+export declare const lottiePlugin: (editor: Editor, opts?: {}) => void;

package/dist/client/css/admin.css

@@ -4000,7 +4000,7 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   height: 100vh;
   z-index: 10;
   pointer-events: auto;
-  overflow: auto;
+  overflow: hidden; /* settings scroll is on .settings-body */
   display: flex;
   flex-direction: column;
 }
@@ -4089,6 +4089,11 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   min-height: 400px;
   height: auto;
 }
+.settings-dialog .CodeMirror-scroll {
+  /* override codemirror default styles */
+  overflow: hidden !important; /* on chrome, a horizontal scroll bar appears */
+  padding-bottom: 150px;
+}
 
 button.silex-button,
 input.silex-button[type=button],
@@ -4314,9 +4319,6 @@ form.silex-form .silex-form__group.col2 {
   bottom: 0;
   left: 35px;
   right: var(--viewsPanelWidth);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   height: 30px;
 }

package/dist/client/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en" translate="no"><head><title>Silex</title><meta name="description" content="This is a public instance of Silex website builder. Build websites in the browser"><link rel="shortcut icon" href="assets/favicon.png?401143"><style>body {
+<!DOCTYPE html><html lang="en" translate="no"><head><title>Silex</title><meta name="description" content="This is a public instance of Silex website builder. Build websites in the browser"><link rel="shortcut icon" href="assets/favicon.png?878908"><style>body {
   background-color: #444444;
   font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
@@ -7,5 +7,5 @@
   transition: opacity 0.25s 0.25s ease-in-out;
 }
 </style></head><body class="silex-loading"><div class="silex-loader silex-dialog" role="status" aria-live="polite" aria-busy="true">Loading
-</div><link rel="stylesheet" type="text/css" href="css/admin.css?687300"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?687300"></script><script>silex.start()
+</div><link rel="stylesheet" type="text/css" href="css/admin.css?611607"><main class="silex-workspace"><div class="silex-main silex-dialog-hide silex-ui-full" id="gjs"></div></main><script src="js/main.js?611607"></script><script>silex.start()
 // From here silex.config is available and Silex is getting started</script></body></html>