@plone/volto 16.0.0-alpha.30 → 16.0.0-alpha.31

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
 
+## 16.0.0-alpha.31 (2022-09-12)
+
+### Bugfix
+
+- Fix types menu on mobile for many types. Specific menuStyle for 'more' menu. @ksuess
+- Fix types menu on desktop when menu overflows the viewport, adding scroll to it @sneridagh
+
+### Documentation
+
+- Align `html_static_path` with `plone/documentation` and image path so that images render when docs build in both repos. @stevepiercy
+
 ## 16.0.0-alpha.30 (2022-09-07)
 
 ### Breaking
@@ -12,6 +23,7 @@
 - Added placeholder param to widget, to change default placeholder @giuliaghisini
 - Add a headline (`headline` field) to the listing block schema by default @sneridagh
 - Add scroll into view setting to slate @robgietema
+- Use absolute dates instead of "x hours ago" in History view @steffenri
 
 ### Bugfix
 
@@ -396,146 +408,6 @@ Use next release instead: https://github.com/plone/volto/releases/tag/16.0.0-alp
 - Fix field id creation in dexterity control panel to have slugified id @erral
 - Changed to get intl.locale always from state @ionlizarazu
 
-### Feature
-
-- Updated Brazilian Portuguese translation @ericof
-- Forward `HTTP Range` headers to the backend. @mamico
-- Add default value to color picker, if `default` is present in the widget schema. @sneridagh
-
-### Bugfix
-
-- fix TokenWidget choices when editing a recently created content. @giuliaghisini
-- Fix color picker defaults implementation #2 @sneridagh
-
-### Internal
-
-- Update `Cypress` to version 9.6.1 @sneridagh
-
-### Documentation
-
-- Updated simple.md @MdSahil-oss
-- Fix indentation in nginx configuration in simple.md @stevepiercy
-
-## 16.0.0-alpha.3 (2022-05-16)
-
-### Breaking
-
-- Remove `div` as default if `as` prop from `RenderBlocks`. Now the default is a `React.Fragment` instead. This could lead to CSS inconsistencies if taken this div into account, specially if used in custom add-ons without. In order to avoid them, set the `as` property always in your add-ons. @sneridagh
-
-## 16.0.0-alpha.2 (2022-05-16)
-
-- Rename `src/components/manage/Widgets/ColorPicker.jsx` component to `src/components/manage/Widgets/ColorPickerWidget.jsx` @sneridagh
-
-### Feature
-
-- Updated Brazilian Portuguese translation @ericof
-- Forward `HTTP Range` headers to the backend. @mamico
-- Add default value to color picker, if `default` is present in the widget schema. @sneridagh
-- added configurable identifier field for password reset in config.js. @giuliaghisini
-- Add `expandToBackendURL` helper @sneridagh
-
-### Bugfix
-
-- fix TokenWidget choices when editing a recently created content. @giuliaghisini
-
-### Internal
-
-### Documentation
-
-## 16.0.0-alpha.5 (2022-05-25)
-
-### Bugfix
-
-- Fix regression, compound lang names (eg. `pt-BR`) no longer working @sneridagh
-
-## 16.0.0-alpha.4 (2022-05-22)
-
-### Breaking
-
-- Removed `date-fns` from dependencies, this was in the build because `Cypress` depended on it. After the `Cypress` upgrade it no longer depends on it. If your project still depends on it, add it as a dependency of your project. @sneridagh
-- Removed all usage of `date-fns` from core. @sneridagh
-
-### Feature
-
-- Added viewableInBrowserObjects setting to use in alternative to downloadableObjects, if you want to view file in browser intstead downloading. @giuliaghisini
-- Disable already chosen criteria in querystring widget @kreafox
-- Added X-Forwarded-\* headers to superagent requests. @mamico
-
-### Bugfix
-
-- Fix `withStylingSchemaEnhancer` enhancer mechanism @sneridagh
-- Add correct query parameters to the redirect @robgietema
-- Fix RenderBlocks: path @ksuess
-- Fix field id creation in dexterity control panel to have slugified id @erral
-- Changed to get intl.locale always from state @ionlizarazu
-- fixed view video list from youtube in Video block. @giuliaghisini
-- Fixed ICS URL in event view in seamless mode @sneridagh
-
-### Internal
-
-- Update `Cypress` to version 9.6.1 @sneridagh
-
-### Documentation
-
-- Updated simple.md @MdSahil-oss
-- Fix indentation in nginx configuration in simple.md @stevepiercy
-
-## 16.0.0-alpha.3 (2022-05-16)
-
-### Breaking
-
-- Remove `div` as default if `as` prop from `RenderBlocks`. Now the default is a `React.Fragment` instead. This could lead to CSS inconsistencies if taken this div into account, specially if used in custom add-ons without. In order to avoid them, set the `as` property always in your add-ons. @sneridagh
-
-## 16.0.0-alpha.2 (2022-05-16)
-
-### Feature
-
-- Add default widget views for all type of fields and improve the DefaultView @ionlizarazu
-- added configurable identifier field for password reset in config.js. @giuliaghisini
-- Add `expandToBackendURL` helper @sneridagh
-
-### Bugfix
-
-- fixed view video list from youtube in Video block. @giuliaghisini
-- Fixed ICS URL in event view in seamless mode @sneridagh
-
-### Internal
-
-- Reintroduce Plone 6 acceptance tests using the latests `plone.app.robotframework` 2.0.0a6 specific Volto fixture. @datakurre @ericof @sneridagh
-- Upgrade all tests to use `plone.app.robotframework` 2.0.0a6 @sneridagh
-- Upgrade Sentry to latest version because of [#3346](https://github.com/plone/volto/issues/3346) @sneridagh
-- Reintroduce Plone 6 acceptance tests using the latests `plone.app.robotframework` 2.0.0a6 specific Volto fixture. @datakurre @ericof @sneridagh
-- Upgrade all tests to use `plone.app.robotframework` 2.0.0a6 @sneridagh
-
-### Documentation
-
-## 16.0.0-alpha.5 (2022-05-25)
-
-### Bugfix
-
-- Fix regression, compound lang names (eg. `pt-BR`) no longer working @sneridagh
-
-## 16.0.0-alpha.4 (2022-05-22)
-
-### Breaking
-
-- Removed `date-fns` from dependencies, this was in the build because `Cypress` depended on it. After the `Cypress` upgrade it no longer depends on it. If your project still depends on it, add it as a dependency of your project. @sneridagh
-- Removed all usage of `date-fns` from core. @sneridagh
-
-### Feature
-
-- Added viewableInBrowserObjects setting to use in alternative to downloadableObjects, if you want to view file in browser intstead downloading. @giuliaghisini
-- Disable already chosen criteria in querystring widget @kreafox
-- Added X-Forwarded-\* headers to superagent requests. @mamico
-
-### Bugfix
-
-- Fix `withStylingSchemaEnhancer` enhancer mechanism @sneridagh
-- Add correct query parameters to the redirect @robgietema
-- Fix RenderBlocks: path @ksuess
-- Fix field id creation in dexterity control panel to have slugified id @erral
-- Changed to get intl.locale always from state @ionlizarazu
-
 ### Internal
 
 - Update `Cypress` to version 9.6.1 @sneridagh

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "16.0.0-alpha.30",
+  "version": "16.0.0-alpha.31",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"

package/src/components/manage/History/History.jsx

@@ -15,7 +15,7 @@ import { Portal } from 'react-portal';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 
 import {
-  FormattedRelativeDate,
+  FormattedDate,
   Icon as IconNext,
   Toolbar,
 } from '@plone/volto/components';
@@ -209,7 +209,7 @@ class History extends Component {
                   </Table.Cell>
                   <Table.Cell>{entry.actor.fullname}</Table.Cell>
                   <Table.Cell>
-                    <FormattedRelativeDate date={entry.time} />
+                    <FormattedDate date={entry.time} includeTime />
                   </Table.Cell>
                   <Table.Cell>{entry.comments}</Table.Cell>
                   <Table.Cell>

package/src/components/manage/Toolbar/Toolbar.jsx

@@ -273,6 +273,14 @@ class Toolbar extends Component {
         showMenu: !state.showMenu,
         menuStyle: { bottom: 0 },
       }));
+    } else if (selector === 'more') {
+      this.setState((state) => ({
+        showMenu: !state.showMenu,
+        menuStyle: {
+          overflow: 'visible',
+          top: 0,
+        },
+      }));
     } else {
       this.setState((state) => ({
         showMenu: !state.showMenu,

package/theme/themes/pastanaga/extras/toolbar.less

@@ -295,7 +295,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
 
   .toolbar-content {
     z-index: 3;
-    overflow: visible;
+    overflow: auto;
     box-shadow: 0 1px 2px 0 #c7d5d8;
   }
 
@@ -718,6 +718,18 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
     }
   }
 }
+
+// Reasoning: This is to allow scrolling inside the types
+// You can't make this to happen in a fixed element that does not have
+// fixed height, so for small viewports height, we are forcing the container
+// to have a full height, then the inner container knows when
+// and how to scroll.
+@media only screen and (max-height: 400px) {
+  #toolbar .toolbar-content.show {
+    height: 100%;
+  }
+}
+
 // Orphaned CSS
 .ui.dropdown .menu.left {
   right: 0;