@kitconcept/volto-light-theme 8.0.0-alpha.16 → 8.0.0-alpha.17

package/.changelog.draft

@@ -1,18 +1,28 @@
-## 8.0.0-alpha.16 (2026-02-16)
+## 8.0.0-alpha.17 (2026-03-03)
 
 ### Feature
 
-- Show only two letters of the native language name @iRohitSingh [#785](https://github.com/kitconcept/volto-light-theme/pull/785), [#795](https://github.com/kitconcept/volto-light-theme/pull/795)
+- Improve styles for search results page. @danalvrz 
+- Updated several add-ons, for more information:
+
+  https://github.com/kitconcept/volto-calendar-block/releases/tag/1.0.0-alpha.7
+  https://github.com/kitconcept/volto-button-block/releases/tag/5.0.0-alpha.1
+  https://github.com/kitconcept/volto-logos-block/releases/tag/4.0.0-alpha.1
+  https://github.com/kitconcept/volto-iframe-block/releases/tag/2.4.0
+  https://github.com/kitconcept/volto-introduction-block/releases/tag/1.4.0
+  https://github.com/kitconcept/volto-carousel-block/releases/tag/3.0.0-alpha.1
+  https://github.com/kitconcept/volto-slider-block/releases/tag/7.0.0-alpha.1 
 
 ### Bugfix
 
-- See https://github.com/plone/volto/releases/tag/19.0.0-alpha.24
-  https://github.com/plone/volto/releases/tag/19.0.0-alpha.25 @sneridagh [#volto19a24](https://github.com/kitconcept/volto-light-theme/pull/volto19a24)
-- Fix social icons color in post-footer. @danalvrz 
-- Move the head title after the date in NewsView and EventView, making it consistent with the listing view. @iFlameing 
+- Fix color in language selector, and remove extra margin between Teaser and Button blocks. @danalvrz 
+- Fix hydration errors in mobile navigation. @Tishasoumya-02 
+- Fix image size grid-block in editmode. @TimoBroeskamp 
+- Fix mobile sticky menu not showing from 768 to 620px. @iFlameing 
 
 ### Internal
 
-- Remove space after banner block when bg color is not white @Tishasoumya-02 [#761](https://github.com/kitconcept/volto-light-theme/pull/761)
+- Add missing pt_br translations. @humanaice [#804](https://github.com/kitconcept/volto-light-theme/pull/804)
+- Update translation. @iFlameing 
 
 

package/CHANGELOG.md

@@ -8,6 +8,33 @@
 
 <!-- towncrier release notes start -->
 
+## 8.0.0-alpha.17 (2026-03-03)
+
+### Feature
+
+- Improve styles for search results page. @danalvrz 
+- Updated several add-ons, for more information:
+
+  https://github.com/kitconcept/volto-calendar-block/releases/tag/1.0.0-alpha.7
+  https://github.com/kitconcept/volto-button-block/releases/tag/5.0.0-alpha.1
+  https://github.com/kitconcept/volto-logos-block/releases/tag/4.0.0-alpha.1
+  https://github.com/kitconcept/volto-iframe-block/releases/tag/2.4.0
+  https://github.com/kitconcept/volto-introduction-block/releases/tag/1.4.0
+  https://github.com/kitconcept/volto-carousel-block/releases/tag/3.0.0-alpha.1
+  https://github.com/kitconcept/volto-slider-block/releases/tag/7.0.0-alpha.1 
+
+### Bugfix
+
+- Fix color in language selector, and remove extra margin between Teaser and Button blocks. @danalvrz 
+- Fix hydration errors in mobile navigation. @Tishasoumya-02 
+- Fix image size grid-block in editmode. @TimoBroeskamp 
+- Fix mobile sticky menu not showing from 768 to 620px. @iFlameing 
+
+### Internal
+
+- Add missing pt_br translations. @humanaice [#804](https://github.com/kitconcept/volto-light-theme/pull/804)
+- Update translation. @iFlameing 
+
 ## 8.0.0-alpha.16 (2026-02-16)
 
 ### Feature

package/locales/de/LC_MESSAGES/volto.po

@@ -540,6 +540,11 @@ msgstr ""
 msgid "Start"
 msgstr "Anfang"
 
+#. Default: "Switch to"
+#: components/LanguageSelector/LanguageSelector
+msgid "Switch to"
+msgstr ""
+
 #. Default: "Target"
 #: components/Widgets/schema/footerLinksSchema
 #: components/Widgets/schema/footerLogosSchema

package/locales/en/LC_MESSAGES/volto.po

@@ -535,6 +535,11 @@ msgstr ""
 msgid "Start"
 msgstr ""
 
+#. Default: "Switch to"
+#: components/LanguageSelector/LanguageSelector
+msgid "Switch to"
+msgstr ""
+
 #. Default: "Target"
 #: components/Widgets/schema/footerLinksSchema
 #: components/Widgets/schema/footerLogosSchema

package/locales/es/LC_MESSAGES/volto.po

@@ -542,6 +542,11 @@ msgstr "Patrocinado por:"
 msgid "Start"
 msgstr "Inicio"
 
+#. Default: "Switch to"
+#: components/LanguageSelector/LanguageSelector
+msgid "Switch to"
+msgstr ""
+
 #. Default: "Target"
 #: components/Widgets/schema/footerLinksSchema
 #: components/Widgets/schema/footerLogosSchema

package/locales/eu/LC_MESSAGES/volto.po

@@ -541,6 +541,11 @@ msgstr "Honek babestuta:"
 msgid "Start"
 msgstr "Hasiera"
 
+#. Default: "Switch to"
+#: components/LanguageSelector/LanguageSelector
+msgid "Switch to"
+msgstr ""
+
 #. Default: "Target"
 #: components/Widgets/schema/footerLinksSchema
 #: components/Widgets/schema/footerLogosSchema

package/locales/pt_BR/LC_MESSAGES/volto.po

@@ -150,7 +150,7 @@ msgstr "Baixar arquivo"
 #. Default: "E-mail"
 #: components/Summary/PersonSummary
 msgid "E-mail"
-msgstr ""
+msgstr "E-mail"
 
 #. Default: "Empty object list"
 #: components/Widgets/BlocksObject
@@ -223,7 +223,7 @@ msgstr "Baixar ICS"
 #. Default: "Icon"
 #: components/Widgets/schema/iconLinkListSchema
 msgid "Icon"
-msgstr ""
+msgstr "Ícone"
 
 #. Default: "Image"
 #: components/Blocks/Image/ImageSidebar
@@ -304,7 +304,7 @@ msgstr "Mover para cima"
 #. Default: "Multiple choices?"
 #: components/Blocks/EventCalendar/Search/schema
 msgid "Multiple choices?"
-msgstr ""
+msgstr "Múltiplas escolhas?"
 
 #. Default: "Next Page"
 #: components/Blocks/Listing/ListingBody
@@ -329,7 +329,7 @@ msgstr "Nenhuma seleção"
 #. Default: "Open configuration"
 #: components/Widgets/ModalJSONEditor
 msgid "Open configuration"
-msgstr ""
+msgstr "Abrir configuração"
 
 #. Default: "Open in a new tab"
 #: components/Widgets/schema/footerLinksSchema
@@ -353,12 +353,12 @@ msgstr "Geral"
 #. Default: "Pagination Navigation"
 #: components/Blocks/Listing/ListingBody
 msgid "Pagination Navigation"
-msgstr ""
+msgstr "Navegação por página"
 
 #. Default: "Pagination Navigation for {headline}"
 #: components/Blocks/Listing/ListingBody
 msgid "Pagination Navigation for {headline}"
-msgstr ""
+msgstr "Navegação por página para {headline}"
 
 #. Default: "Phone"
 #: components/Blocks/EventMetadata/View
@@ -493,12 +493,12 @@ msgstr "Exibir total de resultados"
 #. Default: "Simple"
 #: index
 msgid "Simple"
-msgstr ""
+msgstr "Simples"
 
 #. Default: "Site Setup"
 #: components/Breadcrumbs/Breadcrumbs
 msgid "Site Setup"
-msgstr ""
+msgstr "Configurações do site"
 
 #. Default: "Sitemap"
 #: index
@@ -535,6 +535,11 @@ msgstr "Apoiado por:"
 msgid "Start"
 msgstr "Início"
 
+#. Default: "Switch to"
+#: components/LanguageSelector/LanguageSelector
+msgid "Switch to"
+msgstr "Mudar para"
+
 #. Default: "Target"
 #: components/Widgets/schema/footerLinksSchema
 #: components/Widgets/schema/footerLogosSchema
@@ -582,17 +587,17 @@ msgstr "Visões disponíveis"
 #. Default: "The {type} block with the id {block} has encountered an error.{lineBreak}You can try to undo your changes (via the undo toolbar or pressing {shortcut}), or try to delete the block and recreate it again."
 #: components/Blocks/Block/ErrorBoundaryMessage
 msgid "blockErrorBoundaryDescription"
-msgstr ""
+msgstr "O bloco {type} com o id {block} encontrou um erro.{lineBreak}Você pode tentar desfazer suas alterações (via barra de desfazer ou pressionando {shortcut}), ou tente excluir o bloco e recriá-lo novamente."
 
 #. Default: "Block error:"
 #: components/Blocks/Block/ErrorBoundaryMessage
 msgid "blockErrorBoundaryTitle"
-msgstr ""
+msgstr "Erro no bloco:"
 
 #. Default: "The {type} block with the id {block} errored and cannot be displayed.{lineBreak}Please contact the site administrator for further assistance."
 #: components/Blocks/Block/ErrorBoundaryMessage
 msgid "blockErrorBoundaryViewDescription"
-msgstr ""
+msgstr "O bloco {type} com o id {block} encontrou um erro e não pode ser exibido.{lineBreak}Por favor, entre em contato com o administrador do site para mais assistência."
 
 #. Default: "Delete"
 #: components/Blocks/Block/Edit
@@ -602,12 +607,12 @@ msgstr "Excluir"
 #. Default: "delete {type} block"
 #: components/Blocks/Block/EditBlockWrapper
 msgid "delete_block"
-msgstr ""
+msgstr "Excluir bloco {type}"
 
 #. Default: "drag {type} block"
 #: components/Blocks/Block/EditBlockWrapper
 msgid "drag_block"
-msgstr ""
+msgstr "Arrastar bloco {type}"
 
 #. Default: "Clear image"
 #: components/Blocks/Image/ImageSidebar

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-12-22T10:37:58.619Z\n"
+"POT-Creation-Date: 2026-02-16T14:21:29.474Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -537,6 +537,11 @@ msgstr ""
 msgid "Start"
 msgstr ""
 
+#. Default: "Switch to"
+#: components/LanguageSelector/LanguageSelector
+msgid "Switch to"
+msgstr ""
+
 #. Default: "Target"
 #: components/Widgets/schema/footerLinksSchema
 #: components/Widgets/schema/footerLogosSchema

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "8.0.0-alpha.16",
+  "version": "8.0.0-alpha.17",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -59,8 +59,8 @@
     "react-aria-components": "^1.14.0",
     "react-colorful": "^5.6.1",
     "uuid": "^11.0.0",
-    "@plone/components": "^4.0.0-alpha.4",
-    "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1"
+    "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1",
+    "@plone/components": "^4.0.0-alpha.4"
   },
   "peerDependencies": {
     "classnames": "^2.5.1",

package/src/components/MobileNavigation/MobileNavigation.jsx

@@ -14,7 +14,7 @@ import arrowRightSVG from '@plone/volto/icons/right-key.svg';
 import arrowLeftSVG from '@plone/volto/icons/left-key.svg';
 import { MobileNavigationToggler } from './MobileNavigationToggler';
 import { MobileToolsFooter } from './MobileToolsFooter';
-
+import { useClient } from '@plone/volto/hooks/client/useClient';
 const messages = defineMessages({
   closeMobileMenu: {
     id: 'Close menu',
@@ -43,7 +43,7 @@ const MenuItem = ({
   pathname,
 }) => {
   const [isSubMenuOpen, setSubMenuOpen] = useState(false);
-
+  const isClient = useClient();
   const openSubMenu = useCallback((e) => {
     e.stopPropagation();
     setSubMenuOpen(true);
@@ -68,9 +68,10 @@ const MenuItem = ({
   );
   const formData = useSelector((state) => state.form.global);
 
-  const has_intranet_header = !isEmpty(formData)
-    ? formData.has_intranet_header
-    : headerSettings?.has_intranet_header;
+  const has_intranet_header =
+    isClient && !isEmpty(formData)
+      ? formData.has_intranet_header
+      : headerSettings?.has_intranet_header;
 
   return (
     <li className={section.url === pathname ? 'current' : ''}>
@@ -154,16 +155,17 @@ const MobileNavigation = (props) => {
   const currentLang = useSelector((state) => state.intl.locale);
   const items = useSelector((state) => state.navigation.items || []);
   const history = useHistory();
-
+  const isClient = useClient();
   const headerSettings = useSelector(
     (state) =>
       state.content.data?.['@components']?.inherit?.['voltolighttheme.header']
         ?.data,
   );
   const formData = useSelector((state) => state.form.global);
-  const has_intranet_header = !isEmpty(formData)
-    ? formData.has_intranet_header
-    : headerSettings?.has_intranet_header;
+  const has_intranet_header =
+    isClient && !isEmpty(formData)
+      ? formData.has_intranet_header
+      : headerSettings?.has_intranet_header;
 
   const Footer = props.MobileToolsFooter || MobileToolsFooter;
 

package/src/theme/_bgcolor-blocks-layout.scss

@@ -1278,6 +1278,9 @@
             color: var(--header-foreground);
           }
         }
+        .language-selector a {
+          color: var(--header-foreground);
+        }
       }
 
       // Navigation

package/src/theme/_mobile-sticky-menu.scss

@@ -8,7 +8,7 @@
   height: 100px;
   flex-direction: column;
   background-color: var(--sticky-menu-color, #555);
-  @media only screen and (max-width: $narrow-container-width) {
+  @media only screen and (max-width: $largest-mobile-screen) {
     display: block;
   }
 

package/src/theme/_search-page.scss

@@ -0,0 +1,224 @@
+// Styles for kitconcept.solr search page
+.section-search #page-search {
+  & > .ui.container {
+    max-width: var(--default-container-width) !important;
+    padding: 0 !important;
+  }
+}
+#page-search {
+  .total-bar {
+    margin-bottom: 75px;
+    h2 {
+      margin-top: $spacing-medium;
+      font-size: 48px;
+      font-weight: 700 !important;
+      line-height: 60px; /* 125% */
+    }
+  }
+  .searchTabs.ui.top.attached.tabular.menu {
+    --solr-search-facet-tab-inactive-color: var(--accent-color);
+
+    border-radius: 0;
+    .searchTab {
+      padding: $spacing-small 10px;
+      border: 1px solid var(--accent-color) !important;
+      border-radius: 0 !important;
+      margin-bottom: 0;
+      span {
+        font-size: 10px;
+        font-weight: 700;
+        line-height: 12px; /* 120% */
+        text-transform: capitalize;
+
+        .searchCounter.circular.label {
+          min-width: 22px;
+          background: color-mix(
+            in srgb,
+            var(--accent-color) 50%,
+            var(--accent-foreground-color)
+          );
+          color: var(--primary-color, #fff);
+          font-weight: 400;
+        }
+      }
+
+      &.active {
+        .searchCounter.circular.label {
+          background-color: var(--primary-foreground-color) !important;
+          color: var(--primary-color, #fff) !important;
+        }
+      }
+      svg {
+        margin-right: 5px;
+        vertical-align: bottom;
+      }
+    }
+  }
+  #content {
+    #content-core {
+      max-width: var(--default-container-width);
+      &.layout-grid {
+        // Person results
+        .tileItem.personResultItem {
+          .itemWrapper {
+            flex-direction: column;
+            .itemImageWrapper {
+              width: 125px;
+              height: 125px;
+              margin-bottom: $spacing-small;
+              svg:has(+ img.profileImage) {
+                display: none;
+              }
+              img.profileImage,
+              svg.icon {
+                width: 125px !important;
+                height: 125px !important;
+              }
+            }
+            .itemContent {
+              max-width: 90%;
+              padding-right: $spacing-medium;
+              .tileHeadline {
+                margin: 10px 0 15px 0;
+                font-size: 18px;
+                line-height: 24px; /* 133.333% */
+              }
+              .jobTitle {
+                margin-bottom: 15px;
+                color: var(--primary-foreground-color);
+                font-size: 18px;
+                line-height: 24px; /* 133.333% */
+              }
+              .tileFooter {
+                * {
+                  vertical-align: unset;
+                }
+                .itemField {
+                  display: block;
+                  padding: 0;
+                  border: none;
+                  margin-bottom: 5px;
+
+                  font-size: 18px;
+
+                  line-height: 24px; /* 133.333% */
+                  svg.icon {
+                    width: 20px !important;
+                    margin-right: 10px;
+                    vertical-align: text-top;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+      &.layout-list {
+        // Person results
+        .tileItem.personResultItem {
+          .tileHeadline {
+            margin-top: 10px;
+            font-size: 18px;
+            line-height: 24px;
+          }
+          .jobTitle {
+            margin: 15px 0;
+            margin-bottom: 15px;
+            color: var(--primary-foreground-color);
+            font-size: 18px;
+            line-height: 24px; /* 133.333% */
+          }
+          .tileFooter {
+            svg.icon {
+              width: 20px !important;
+              margin-right: 10px;
+              vertical-align: text-top;
+            }
+          }
+        }
+      }
+
+      .pagination.menu {
+        border-radius: 0;
+        background: var(--accent-color);
+        --link-foreground-color: var(--accent-foreground-color);
+
+        a.item {
+          color: var(--accent-foreground-color);
+
+          &.active {
+            background: var(--accent-foreground-color) !important;
+            color: var(--accent-color) !important;
+          }
+
+          &.disabled {
+            opacity: 0.8;
+          }
+        }
+      }
+    }
+
+    .searchConditions.ui {
+      width: 265px;
+      margin-right: $spacing-medium;
+      .searchConditionsFieldHeader {
+        font-size: 18px;
+        line-height: 24px; /* 133.333% */
+        .searchConditionsFieldSearch {
+          margin-top: $spacing-small;
+          input {
+            height: 60px;
+            padding-top: 10px;
+            padding-bottom: 10px;
+            padding-left: 10px;
+            border: none;
+            border-radius: 0;
+            font-size: 18px;
+            line-height: 24px; /* 133.333% */
+          }
+          i.search.icon {
+            opacity: 1;
+            &::before {
+              transform: scale(2) scaleX(-1);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// Basic mobile styles
+@media only screen and (max-width: $largest-mobile-screen) {
+  #page-search {
+    #content {
+      .searchContentWrapper {
+        flex-direction: column;
+      }
+      .searchConditions.ui {
+        width: 100%;
+        margin-right: 0;
+      }
+      #content-core {
+        .search-items {
+          grid-template-columns: 100%;
+        }
+        &.layout-list,
+        &.layout-grid {
+          .tileItem {
+            .itemContent {
+              min-width: 0;
+            }
+            .tileFooter {
+              .itemField {
+                display: block;
+                border: none;
+                overflow-wrap: break-word;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/src/theme/blocks/_grid.scss

@@ -184,6 +184,9 @@
   .block-editor-image {
     padding: 0;
     margin: 0.5rem !important;
+    figure {
+      max-width: unset;
+    }
   }
 
   .block.listing {

package/src/theme/blocks/_teaser.scss

@@ -131,6 +131,7 @@
       border-bottom: none;
     }
     &.next--is--__button {
+      margin-bottom: 0 !important;
       .card-inner,
       .teaser-item.default {
         padding-bottom: 40px;

package/src/theme/main.scss

@@ -43,6 +43,7 @@
 @import 'insets';
 @import 'person';
 @import 'notfound';
+@import 'search-page';
 
 @import 'temp';