@paroicms/site-generator-plugin 0.2.0 → 0.2.1

package/gen-backend/dist/generator/site-generator/common-template-creator.js

@@ -37,7 +37,7 @@ function templateOfSiteLogoTitle(ctx) {
     const content = [
         siteType.fields?.includes("logo")
             ? `{% if site.field.logo %}
-  {% useImage logo uid: site.field.logo.uid size: "x50" %}
+  {% useImage logo uid: site.field.logo.uid size: "50x50" %}
   <img
     src="{{ logo.url }}"
     width="{{ logo.width }}"
@@ -51,8 +51,7 @@ function templateOfSiteLogoTitle(ctx) {
     return `<a
   class="Header-logo"
   href="{{ site.home.url }}"
-  data-menu-item-id="{{ site.home.id }}"
-  data-mobile-menu-part="logoTitle">
+  data-mobile-menu-part="logo">
   ${indent(content.filter(Boolean).join("\n"), 1, { skipFirst: true })}
 </a>`;
 }
@@ -82,11 +81,14 @@ function templateOfSearchOpener(ctx) {
     const typeName = homeType.routingChildren?.find((typeName) => typeName === "search" || typeName === "searchPage");
     if (!typeName)
         return;
-    return `{% getDoc ${typeName} id: site.home.${typeName}.id %}
-<span
-  data-effect="paSearchOpener"
-  data-search-url="{{ ${typeName}.url }}"
-  data-icon-color="#fff"></span>`;
+    return `<div class="Row center">
+  {% getDoc ${typeName} id: site.home.${typeName}.id %}
+  <span
+    data-effect="paSearchOpener"
+    data-search-url="{{ ${typeName}.url }}"
+    data-icon-color="#fff"></span>
+  <div data-mobile-menu="button"></div>
+</div>`;
 }
 export function templateOfSiteFooter(ctx) {
     const content = [templateOfSiteFooterMention(ctx), templateOfLanguageSelector(ctx)];

package/gen-backend/dist/generator/site-generator/site-generator.js

@@ -66,11 +66,11 @@ function getPackageJsonContent(options) {
             "_pino-pretty": "pino-pretty -U false -x 'stats:25' -X 'stats:grey' -t 'yyyy-mm-dd HH:MM:ss.l' -i 'hostname,pid,fqdn'",
         },
         dependencies: {
-            "@paroicms/contact-form-plugin": "0.18.0",
-            "@paroicms/content-loading-plugin": "0.11.0",
-            "@paroicms/public-menu-plugin": "0.8.0",
+            "@paroicms/contact-form-plugin": "*",
+            "@paroicms/content-loading-plugin": "*",
+            "@paroicms/public-menu-plugin": "*",
+            "@paroicms/quill-editor-plugin": "*",
             "@paroicms/server": "*",
-            "@paroicms/quill-editor-plugin": "1.27.0",
         },
         devDependencies: {
             concurrently: "~9.1.2",

package/gen-backend/dist/generator/site-generator/theme-css.js

@@ -120,18 +120,8 @@ nav {
   margin: 0 15px;
 }
 
-@media (max-width: 768px) {
-  nav {
-    flex-basis: 100%;
-    order: 3;
-    margin: 10px 0 5px;
-    justify-content: flex-start;
-    overflow-x: auto;
-    padding-bottom: 5px;
-  }
-}
-
-nav a {
+nav a,
+nav a:visited {
   color: rgba(255, 255, 255, 0.85);
   padding: 8px;
   margin: 0 4px;
@@ -162,6 +152,24 @@ nav a.active::after {
   border-radius: 1.5px;
 }
 
+._mobileMenu nav {
+  display: block;
+  margin-top: 40px;
+}
+
+._mobileMenu nav a,
+._mobileMenu nav a:visited,
+._mobileMenu nav a:active,
+._mobileMenu nav a:hover {
+  color: #333;
+}
+
+._mobileMenu nav a {
+  display: block;
+  margin: 0;
+  padding: 10px;
+}
+
 /* Classes */
 
 ._bg2 {
@@ -252,7 +260,8 @@ nav a.active::after {
 }
 
 .Button,
-.PaButton {
+.PaButton,
+.PaIconButton {
   background-color: #3498db;
   border: 1px solid #3498db;
   border-radius: 5px;
@@ -309,5 +318,9 @@ nav a.active::after {
 
 .Row.spaceBetween {
   justify-content: space-between;
+}
+
+.Row.center {
+  align-items: center;
 }`;
 }