@myissue/vue-website-page-builder 3.3.31 → 3.3.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myissue/vue-website-page-builder",
-  "version": "3.3.31",
+  "version": "3.3.32",
   "description": "Vue 3 page builder component with drag & drop functionality.",
   "type": "module",
   "main": "./dist/vue-website-page-builder.umd.cjs",
@@ -59,7 +59,6 @@
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",
     "build:lib": "vue-tsc --declaration --emitDeclarationOnly --outDir dist && vite build --mode lib",
-    "type:build": "vue-tsc --declaration --emitDeclarationOnly --outDir dist",
     "preview": "vite preview",
     "build-only": "vite build",
     "type-check": "vue-tsc --build",

package/src/Components/PageBuilder/ToolbarOption/ToolbarOption.vue

@@ -166,7 +166,7 @@ const openHTMLSettings = function () {
                   openMainSettings()
                 }
               "
-              class="pbx-cursor-pointer lg:pbx-flex pbx-myPrimaryTag pbx-whitespace-nowrappbx-font-normal pbx-w-max pbx-border-none pbx-m-0"
+              class="pbx-mySecondaryButton pbx-text-xs pbx-font-normal"
               type="button"
             >
               Config Overview
@@ -176,7 +176,7 @@ const openHTMLSettings = function () {
             <!-- HTML Settings Start -->
             <button
               @click="openHTMLSettings"
-              class="pbx-cursor-pointer lg:pbx-flex pbx-myPrimaryTag pbx-whitespace-nowrap pbx-font-normal pbx-w-max pbx-border-none pbx-m-0"
+              class="pbx-mySecondaryButton pbx-text-xs pbx-font-normal"
               type="button"
             >
               HTML Overview
@@ -186,7 +186,7 @@ const openHTMLSettings = function () {
             <!-- Delete Layout Start -->
             <button
               @click="deleteAllComponentsFromDOM"
-              class="pbx-cursor-pointer lg:pbx-flex pbx-myPrimaryTag pbx-whitespace-nowrap pbx-font-normal pbx-w-max pbx-border-none pbx-m-0 pbx-bg-myPrimaryErrorColor pbx-text-white"
+              class="pbx-myPrimaryDeleteButton pbx-text-xs pbx-font-normal"
               type="button"
             >
               Delete Layout

package/src/PageBuilder/PageBuilder.vue

@@ -363,7 +363,7 @@ onMounted(async () => {
 
 <template>
   <div
-    class="pbx-font-sans pbx-max-w-full pbx-m-1 pbx-border pbx-border-gray-400 pbx-inset-x-0 pbx-z-10 pbx-bg-white pbx-overflow-x-auto pbx-h-full"
+    class="pbx-font-sans pbx-max-w-full pbx-m-1 pbx-border pbx-border-solid pbx-border-gray-400 pbx-inset-x-0 pbx-z-10 pbx-bg-white pbx-overflow-x-auto pbx-h-full"
   >
     <GlobalLoader v-if="getIsLoadingGlobal & !openAppNotStartedModal"></GlobalLoader>
     <ModalBuilder

package/src/css/app.css

@@ -149,7 +149,7 @@
     @apply pbx-min-h-[3rem] lg:pbx-px-4 lg:pbx-py-3 pbx-px-3 pbx-py-3 pbx-font-sans 
             sm:pbx-text-sm pbx-text-xs pbx-whitespace-nowrap pbx-break-keep pbx-font-medium pbx-inline-flex pbx-gap-1 pbx-items-center pbx-justify-center pbx-rounded-full pbx-border pbx-border-transparent pbx-bg-myPrimaryLinkColor pbx-text-white pbx-shadow-sm hover:pbx-bg-myPrimaryLinkColor sm:pbx-w-auto
             focus:pbx-outline-none focus:pbx-ring-2 focus:pbx-ring-myPrimaryLinkColor focus:pbx-ring-offset-2
-            focus-visible:pbx-ring-2 focus-visible:pbx-ring-myPrimaryLinkColor;
+            focus-visible:pbx-ring-2 focus-visible:pbx-ring-myPrimaryLinkColor pbx-cursor-pointer;
   }
 
   .pbx-mySecondaryButton {
@@ -369,3 +369,17 @@
   margin-bottom: 20px;
   padding-bottom: 100px;
 }
+
+#page-builder-editor ol,
+#page-builder-editor-editable-area ol,
+#page-builder-editor ul,
+#page-builder-editor-editable-area ul {
+  list-style: disc !important;
+  padding: 0 0 0 1rem;
+}
+
+#page-builder-editor li,
+#page-builder-editor-editable-area li {
+  line-height: 1.2;
+  margin-left: 1em; /* Adjust this value as needed */
+}