diff --git a/RELEASE.md b/RELEASE.md index 90e949a98..cf35f6503 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -6,7 +6,7 @@ -## Versione 8.6.x + +## Versione X.X.X (dd/mm/yyyy) ### Migliorie -- Fissato il layout del template Blocco link solo immagini con link esterni, icona accessibilità per link esterni ora è disattivabile attraverso opzione del template, posizionata invece in overlay se presente +- Nel template Blocco link solo immagini con link esterni, icona accessibilità per link esterni ora è disattivabile attraverso opzione del template + +### Fix + +- sistemati gli oggetti link che puntano a file nella Cartella Modulistica +- Sistemato l'allineamento degli elementi nel blocco Contatti: se ci sono meno di tre elementi l'allineamento è centrato, se ce ne sono più di 3 l'allineamento è a sinistra. +- Migliorata accessibilità del calendario nel blocco ricerca Eventi e ricerca Bandi +- Fissato il layout del template Blocco link solo immagini con link esterni, posizionata l'icona di accessibilità per link esterni in overlay se presente + diff --git a/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx b/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx index 2627edb3d..5540daa4d 100644 --- a/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx +++ b/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx @@ -106,9 +106,15 @@ class Edit extends SubblocksEdit { - + 3 + ? 'justify-content-start' + : 'justify-content-center' + } + > {this.state.subblocks.map((subblock, subindex) => ( - + { )} - + 3 + ? 'justify-content-start' + : 'justify-content-center' + } + > {data.subblocks.map((subblock, index) => ( - + {title && ( diff --git a/src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx b/src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx index 1bda02752..9c8f6d028 100644 --- a/src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx +++ b/src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx @@ -34,7 +34,7 @@ const Downloads = ({ item, titleDoc }) => { ) : ( @@ -59,7 +59,7 @@ const DocRow = ({ doc }) => { })} >
- + {doc.title} {doc?.description && ( diff --git a/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss b/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss new file mode 100644 index 000000000..ba97a5789 --- /dev/null +++ b/src/theme/ItaliaTheme/Widgets/_react-dates-override.scss @@ -0,0 +1,15 @@ +table.CalendarMonth_table { + border-collapse: separate; + + td.CalendarDay__selected:focus { + border: 1px solid white; + border-radius: 100%; + outline: 2px solid $focus-outline-color; + } + + td.CalendarDay__default:focus { + border: none !important; + box-shadow: none !important; + outline: 2px solid $focus-outline-color !important; + } +} diff --git a/src/theme/_cms-ui.scss b/src/theme/_cms-ui.scss index 954fc360a..167967a92 100644 --- a/src/theme/_cms-ui.scss +++ b/src/theme/_cms-ui.scss @@ -1,3 +1,4 @@ +@import 'cms-ui_container'; body.cms-ui { .block { font-family: $font-family-serif; diff --git a/src/theme/_cms-ui_container.scss b/src/theme/_cms-ui_container.scss new file mode 100644 index 000000000..2eed80ace --- /dev/null +++ b/src/theme/_cms-ui_container.scss @@ -0,0 +1,87 @@ +$maxWidth: 100%; +$emSize: 14px; +$scrollbarWidth: 17px; +$toolbarWidth: 80px; +$sidebarWidth: 375px; +$collapsedWidth: 20px; + +$tabletBreakpoint: 768px; +$largeMonitorBreakpoint: 1200px; +$computerBreakpoint: 992px; + +$largestTabletScreen: ($computerBreakpoint - 1px); + +/* Devices */ +$mobileMinimumGutter: 0em; +$mobileWidth: auto; +$mobileGutter: 1em; + +$tabletMinimumGutter: ($emSize * 1); +$tabletWidth: $tabletBreakpoint - ($tabletMinimumGutter * 2) - $scrollbarWidth; +$tabletGutter: auto; + +$computerMinimumGutter: ($emSize * 1.5); +$computerWidth: $computerBreakpoint - ($computerMinimumGutter * 2) - + $scrollbarWidth; +$computerGutter: auto; + +$largeMonitorMinimumGutter: ($emSize * 2); +$largeMonitorWidth: $largeMonitorBreakpoint - ($largeMonitorMinimumGutter * 2) - + $scrollbarWidth; +$largeMonitorGutter: auto; + +@mixin contentWidthMedia($width, $gutter, $offset) { + .public-ui .container { + width: $width !important; + margin-right: $gutter !important; + margin-left: $gutter !important; + } + .public-ui .full-width > .px-4.container { + padding-left: 0 !important; + padding-right: 0 !important; + } +} + +@mixin contentWidth($offset) { + @media only screen and (max-width: #{map-get($grid-breakpoints, sm)} + $offset) { + @include contentWidthMedia($mobileWidth, $mobileGutter, -12px); + } + @media only screen and (min-width: $tabletBreakpoint + $offset) and (max-width: $largestTabletScreen + $offset) { + @include contentWidthMedia($tabletWidth, $tabletGutter, -30px); + } + @media only screen and (min-width: $computerBreakpoint + $offset) { + @include contentWidthMedia($computerWidth, $computerGutter, -30px); + } + + @media only screen and (min-width: $largeMonitorBreakpoint + $offset) { + @include contentWidthMedia($largeMonitorWidth, $largeMonitorGutter, -30px); + } +} + +body.cms-ui:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) { + @include contentWidth(0); +} + +body.cms-ui.has-toolbar:not(.has-sidebar):not(.has-sidebar-collapsed) { + @include contentWidth($toolbarWidth); +} + +body.cms-ui.has-toolbar.has-sidebar { + @include contentWidth($toolbarWidth + $sidebarWidth); +} + +body.cms-ui.has-toolbar.has-sidebar-collapsed { + @include contentWidth($toolbarWidth + $collapsedWidth); +} + +body.cms-ui.has-toolbar-collapsed:not(.has-sidebar):not(.has-sidebar-collapsed) { + @include contentWidth($collapsedWidth); +} + +body.cms-ui.has-toolbar-collapsed.has-sidebar { + @include contentWidth($collapsedWidth + $sidebarWidth); +} + +body.cms-ui.has-toolbar-collapsed.has-sidebar-collapsed { + @include contentWidth($collapsedWidth + $collapsedWidth); +} diff --git a/src/theme/site.scss b/src/theme/site.scss index 9257da174..70e4fe563 100644 --- a/src/theme/site.scss +++ b/src/theme/site.scss @@ -113,6 +113,7 @@ @import 'ItaliaTheme/Widgets/blocksWidget'; @import 'ItaliaTheme/Widgets/subsiteSocialLinks'; @import 'ItaliaTheme/Widgets/reactSelect'; +@import 'ItaliaTheme/Widgets/react-dates-override'; @import 'ItaliaTheme/Widgets/textInput'; @import 'ItaliaTheme/Widgets/dataGridWidget'; @import 'ItaliaTheme/Widgets/canaleDigitaleWidget';