diff --git a/application/asset/css/page-blocks.css b/application/asset/css/page-blocks.css index 9193f6f63..6e3b2d293 100644 --- a/application/asset/css/page-blocks.css +++ b/application/asset/css/page-blocks.css @@ -1 +1 @@ -.block-layout-background-image-position-y-top{background-position-y:top}.block-layout-background-image-position-y-center{background-position-y:center}.block-layout-background-image-position-y-bottom{background-position-y:bottom}.block-layout-background-image-position-x-left{background-position-x:left}.block-layout-background-image-position-x-center{background-position-x:center}.block-layout-background-image-position-x-right{background-position-x:right}.page-layout-normal .block-layout-alignment-block-right,.page-layout-normal .block-layout-alignment-block-left{max-width:33.33%}.page-layout-normal .block-layout-alignment-block-right:after,.page-layout-normal .block-layout-alignment-block-left:after{content:"";display:block;clear:both}.block-layout-alignment-block-left .item.resource,.block-layout-alignment-block-right .item.resource{margin:0 0 1rem 0}.block-layout-alignment-block-left .item.resource .media-render a,.block-layout-alignment-block-right .item.resource .media-render a{display:block}.block-layout-alignment-block-left .item.resource audio,.block-layout-alignment-block-left .item.resource canvas,.block-layout-alignment-block-left .item.resource video,.block-layout-alignment-block-left .item.resource progress,.block-layout-alignment-block-left .item.resource img,.block-layout-alignment-block-right .item.resource audio,.block-layout-alignment-block-right .item.resource canvas,.block-layout-alignment-block-right .item.resource video,.block-layout-alignment-block-right .item.resource progress,.block-layout-alignment-block-right .item.resource img{max-width:100%;vertical-align:bottom;margin-bottom:.5rem}.page-layout-normal .block-layout-alignment-block-left{float:left;clear:left;margin:0 1rem 1rem 0}.page-layout-normal .block-layout-alignment-block-right{float:right;clear:right;margin:0 0 1rem 1rem}.page-layout-normal .block-layout-alignment-block-center{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem auto;clear:both}.page-layout-normal .block-layout-alignment-block-center .item:only-child{width:100%}.block-layout-alignment-block-left .item.resource>a:first-child,.block-layout-alignment-block-right .item.resource>a:first-child{vertical-align:top}.block-layout-alignment-block-left .item.resource>h3,.block-layout-alignment-block-right .item.resource>h3{margin:0}.block-layout-alignment-block-left .item.resource+p,.block-layout-alignment-block-right .item.resource+p{margin-top:0}.block-layout-alignment-text-right{text-align:right}.block-layout-alignment-text-center{text-align:center}.block-layout-alignment-text-justify{text-align:justify}.block-layout-background-image-size-cover,.block-layout-background-image-size-contain{background-repeat:no-repeat}.block-layout-background-image-size-cover{background-size:cover}.block-layout-background-image-size-contain{background-size:contain}.media-embed.attachment-count-1{width:100%}.media-embed.layout-horizontal.attachment-count-2{--grid-column-count: 2}.media-embed.layout-horizontal.attachment-count-3{--grid-column-count: 3}.media-embed.layout-horizontal.multiple-attachments{--grid-column-count: 4}.media-embed.layout-horizontal{--grid-item--min-width: 150px;--grid-layout-gap: 24px;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));grid-gap:var(--grid-layout-gap);width:100vw;max-width:100%;align-items:center}.media-embed.layout-horizontal.multiple-attachments .item.resource{margin-bottom:0}.media-embed .resource{vertical-align:top;margin-bottom:1rem}.media-embed .resource h3{font-size:1rem;line-height:1.5rem;margin:.5rem 0 0}.media-embed .resource:not(:only-child) img{width:auto;vertical-align:top;margin-bottom:0}.media-embed .resource .media-render>a:not(:only-child){margin-bottom:6px}.media-embed .resource .caption{font-size:.875rem;line-height:1.5rem}.media-embed .resource .caption *{margin:0 0 1rem 0}.media-embed .resource .caption>*:last-child{margin-bottom:0}.media-embed .resource .media-render img,.media-embed .resource .media-render video,.media-embed .resource .media-render audio{max-width:100%;height:auto}.media-embed .resource audio{width:100%}.break{width:100%;clear:both;border-bottom:1px solid #dfdfdf;padding-bottom:-1px;margin:1rem 0}.break.transparent{border-color:transparent}.break.opaque{border-color:#dfdfdf}.preview-block:after{content:"";display:block;clear:both}.toc-block>ul{margin:1rem 0;list-style-type:none;border-left:5px solid #dfdfdf}.toc-block>ul>li{margin-bottom:.5rem}.toc-block>ul>li>a{font-weight:bold}.toc-block ul ul{list-style-type:none;padding-left:0}.toc-block ul ul ul{padding-left:1.25em}.toc-block ul ul li:before{content:"—";color:#dfdfdf}.item-with-metadata:after{content:"";display:block;clear:both}.item-with-metadata .show.resource{margin:2rem 0}.list-of-sites .site-list .site{margin-bottom:.5rem}.list-of-sites .site-list .site:after{content:"";display:block;clear:both}.list-of-sites .site-list .site-link{display:inline-block;font-size:1.25rem;margin-bottom:.25rem}.list-of-sites .site-list .site-summary{margin:0 0 .25rem 0;line-height:20px}.list-of-sites .site-list .site-thumbnail-image{max-width:25%;float:left;margin-right:1rem}.assets .asset,.assets .asset img{max-width:100%;height:auto}.assets .asset{margin-bottom:1rem}.assets .link-title{display:block;font-size:1.25rem;font-weight:bold}.page-layout-normal .block{margin:1rem 0}.block-pageTitle.has-background h2{margin:0}.page-date-time .property{font-weight:bold}.page-date-time .property:after{content:": "}.page-date-time>div,.page-date-time .property,.page-date-time .value{display:inline-block;margin:0}.block-blockGroup:after{content:"";display:block;clear:both}.block-html.has-background>*:first-child{margin-top:0}.block-html.has-background>*:last-child{margin-bottom:0} \ No newline at end of file +.block-layout-background-image-position-y-top{background-position-y:top}.block-layout-background-image-position-y-center{background-position-y:center}.block-layout-background-image-position-y-bottom{background-position-y:bottom}.block-layout-background-image-position-x-left{background-position-x:left}.block-layout-background-image-position-x-center{background-position-x:center}.block-layout-background-image-position-x-right{background-position-x:right}.page-layout-normal .block-layout-alignment-block-right,.page-layout-normal .block-layout-alignment-block-left{max-width:33.33%}.page-layout-normal .block-layout-alignment-block-right:after,.page-layout-normal .block-layout-alignment-block-left:after{content:"";display:block;clear:both}.block-layout-alignment-block-left .item.resource,.block-layout-alignment-block-right .item.resource{margin:0 0 1rem 0}.block-layout-alignment-block-left .item.resource .media-render a,.block-layout-alignment-block-right .item.resource .media-render a{display:block}.block-layout-alignment-block-left .item.resource audio,.block-layout-alignment-block-left .item.resource canvas,.block-layout-alignment-block-left .item.resource video,.block-layout-alignment-block-left .item.resource progress,.block-layout-alignment-block-left .item.resource img,.block-layout-alignment-block-right .item.resource audio,.block-layout-alignment-block-right .item.resource canvas,.block-layout-alignment-block-right .item.resource video,.block-layout-alignment-block-right .item.resource progress,.block-layout-alignment-block-right .item.resource img{max-width:100%;vertical-align:bottom;margin-bottom:.5rem}.page-layout-normal .block-layout-alignment-block-left{float:left;clear:left;margin:0 1rem 1rem 0}.page-layout-normal .block-layout-alignment-block-right{float:right;clear:right;margin:0 0 1rem 1rem}.page-layout-normal .block-layout-alignment-block-center{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem auto;clear:both}.page-layout-normal .block-layout-alignment-block-center .item:only-child{width:100%}.block-layout-alignment-block-left .item.resource>a:first-child,.block-layout-alignment-block-right .item.resource>a:first-child{vertical-align:top}.block-layout-alignment-block-left .item.resource>h3,.block-layout-alignment-block-right .item.resource>h3{margin:0}.block-layout-alignment-block-left .item.resource+p,.block-layout-alignment-block-right .item.resource+p{margin-top:0}.block-layout-alignment-text-right{text-align:right}.block-layout-alignment-text-center{text-align:center}.block-layout-alignment-text-justify{text-align:justify}.block-layout-background-image-size-cover,.block-layout-background-image-size-contain{background-repeat:no-repeat}.block-layout-background-image-size-cover{background-size:cover}.block-layout-background-image-size-contain{background-size:contain}.media-embed.attachment-count-1{width:100%}.media-embed.layout-horizontal.attachment-count-2{--grid-column-count: 2}.media-embed.layout-horizontal.attachment-count-3{--grid-column-count: 3}.media-embed.layout-horizontal.multiple-attachments{--grid-column-count: 4}.media-embed.layout-horizontal{--grid-item--min-width: 150px;--grid-layout-gap: 24px;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));grid-gap:var(--grid-layout-gap);width:100vw;max-width:100%;align-items:center}.media-embed.layout-horizontal.multiple-attachments .item.resource{margin-bottom:0}.media-embed .resource{vertical-align:top;margin-bottom:1rem}.media-embed .resource h3{font-size:1rem;line-height:1.5rem;margin:.5rem 0 0}.media-embed .resource:not(:only-child) img{width:auto;vertical-align:top;margin-bottom:0}.media-embed .resource .media-render>a:not(:only-child){margin-bottom:6px}.media-embed .resource .caption{font-size:.875rem;line-height:1.5rem}.media-embed .resource .caption *{margin:0 0 1rem 0}.media-embed .resource .caption>*:last-child{margin-bottom:0}.media-embed .resource .media-render img,.media-embed .resource .media-render video,.media-embed .resource .media-render audio{max-width:100%;height:auto}.media-embed .resource audio{width:100%}.break{width:100%;clear:both;border-bottom:1px solid #dfdfdf;padding-bottom:-1px;margin:1rem 0}.break.transparent{border-color:transparent}.break.opaque{border-color:#dfdfdf}.preview-block:after{content:"";display:block;clear:both}.toc-block>ul{margin:1rem 0;list-style-type:none;border-left:5px solid #dfdfdf}.toc-block>ul>li{margin-bottom:.5rem}.toc-block>ul>li>a{font-weight:bold}.toc-block ul ul{list-style-type:none;padding-left:0}.toc-block ul ul ul{padding-left:1.25em}.toc-block ul ul li:before{content:"—";color:#dfdfdf}.item-with-metadata:after{content:"";display:block;clear:both}.item-with-metadata .show.resource{margin:2rem 0}.list-of-sites .site-list .site{margin-bottom:.5rem}.list-of-sites .site-list .site:after{content:"";display:block;clear:both}.list-of-sites .site-list .site-link{display:inline-block;font-size:1.25rem;margin-bottom:.25rem}.list-of-sites .site-list .site-summary{margin:0 0 .25rem 0;line-height:20px}.list-of-sites .site-list .site-thumbnail-image{max-width:25%;float:left;margin-right:1rem}.assets .asset,.assets .asset img{max-width:100%;height:auto}.assets .asset{margin-bottom:1rem}.assets .link-title{display:block;font-size:1.25rem;font-weight:bold}.page-layout-normal .block{margin:1rem 0}.block-pageTitle.has-background h2{margin:0}.page-date-time .property{font-weight:bold}.page-date-time>div,.page-date-time .property,.page-date-time .value{display:inline-block;margin:0;width:max-content}.page-date-time>div{margin-right:1rem}.block-blockGroup:after{content:"";display:block;clear:both}.block-html.has-background>*:first-child{margin-top:0}.block-html.has-background>*:last-child{margin-bottom:0} \ No newline at end of file diff --git a/application/asset/sass/page-blocks.scss b/application/asset/sass/page-blocks.scss index 09369e066..395415804 100644 --- a/application/asset/sass/page-blocks.scss +++ b/application/asset/sass/page-blocks.scss @@ -302,10 +302,6 @@ .page-date-time .property { font-weight: bold; - - &:after { - content: ": "; - } } .page-date-time > div, @@ -313,6 +309,11 @@ .page-date-time .value { display: inline-block; margin: 0; + width: max-content; +} + +.page-date-time > div { + margin-right: 1rem; } .block-blockGroup:after { diff --git a/application/view/common/block-layout/page-date-time.phtml b/application/view/common/block-layout/page-date-time.phtml index 15338b046..ed043f94d 100644 --- a/application/view/common/block-layout/page-date-time.phtml +++ b/application/view/common/block-layout/page-date-time.phtml @@ -10,13 +10,13 @@ $modifiedFormatted = $modified ? $this->i18n()->dateFormat($modified, $dateForma