diff --git a/Resources/Private/Sass/PageOverview.scss b/Resources/Private/Sass/PageOverview.scss index 8df1ef9b..95b0ff38 100644 --- a/Resources/Private/Sass/PageOverview.scss +++ b/Resources/Private/Sass/PageOverview.scss @@ -116,6 +116,11 @@ margin: -25px 0 0 -25px; } +.lux-pageoverview-container canvas { + max-width: 100%; + height: auto; +} + @keyframes spin { to { transform: rotate(360deg); } } diff --git a/Resources/Public/Css/PageOverview.min.css b/Resources/Public/Css/PageOverview.min.css index 0c6583ae..845b2add 100644 --- a/Resources/Public/Css/PageOverview.min.css +++ b/Resources/Public/Css/PageOverview.min.css @@ -1 +1 @@ -.timeline{position:relative}.timeline:before{content:"";display:block;background-color:#ddd;position:absolute}.timeline--vertical{margin:0 0 0 calc(1.5rem + 2rem + 1rem)}.timeline--vertical:before{width:3px;height:100%;top:0;left:calc(-1.5rem/2 - 3px/2 - 2rem)}.timeline--vertical .timeline__item:before{background-color:#ddd}.timeline--vertical .timeline__item:first-child:before{background-color:#027aca}.timeline--vertical .timeline__item:first-child:after{width:3px;height:50%;top:0;left:calc(-1.5rem/2 - 3px/2 - 2rem)}.timeline--vertical .timeline__item:last-child:after{width:3px;height:50%;bottom:0;left:calc(-1.5rem/2 - 3px/2 - 2rem)}.timeline--horizontal{display:flex;justify-content:space-between}.timeline--horizontal:before{width:100%;height:3px;top:34px}.timeline--horizontal .timeline__item{width:100px;text-align:center}.timeline--horizontal .timeline__item:before{left:calc(50% - 1.5rem/2);top:28px}.timeline--horizontal .timeline__item:first-child:before{background-color:#ddd}.timeline--horizontal .timeline__item:first-child:after{width:50%;height:3px;left:0;top:34px}.timeline--horizontal .timeline__item:last-child:before{background-color:#ddd}.timeline--horizontal .timeline__item:last-child:after{width:50%;height:3px;top:34px;right:0}.timeline__thin{width:85%;margin:10px auto 5px auto}.timeline__item{margin:0 0 1rem 0;max-width:300px;padding:.5rem;position:relative}.timeline__item:before{content:"";display:block;width:1.5rem;height:1.5rem;background-color:#027aca;border-radius:1.5rem;position:absolute;z-index:1;top:calc(50% - 1.5rem/2);left:calc(-1.5rem - 2rem)}.timeline__item:first-child::after,.timeline__item:last-child::after{background-color:var(--typo3-component-bg);content:"";display:block;position:absolute}.lux-pageoverview-container{border-radius:var(--pagemodule-grid-border-radius);border:1px dotted var(--pagemodule-grid-border-color);margin-bottom:var(--typo3-spacing);padding:1rem}.lux-pageoverview-container-inner{border-radius:var(--pagemodule-grid-cell-border-radius);background-color:var(--pagemodule-grid-cell-bg);padding:1rem}.lux-pageoverview-box{width:100%;height:180px;background:var(--pagemodule-element-bg);display:flex;margin-bottom:20px;overflow:hidden;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.lux-pageoverview-canvas{background:var(--pagemodule-element-bg)}.lux-pageoverview-box:hover{background:#027aca}.lux-pageoverview-box p{margin:0 0 5px}.lux-pageoverview-box-left{flex:0 0 180px}.lux-pageoverview-box-right{position:relative;padding:30px 10px 30px 0;flex:1}.lux-pageoverview-box-right>.badgearea{position:absolute;top:20px;right:20px}.lux-pageoverview-box-image{object-fit:cover;border-radius:50%;width:130px;height:130px;margin:25px auto}.badge-primary{background:#027aca}.lux-arrow-up{content:"";width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid #292929;display:inline-block}.lux-arrow-down{content:"";width:0;height:0;display:inline-block;margin-bottom:1px;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid #292929}.lux .table-title{background-color:var(--typo3-component-border-color);border-top:1px solid var(--typo3-component-border-color);border-left:1px solid var(--typo3-component-border-color);border-right:1px solid var(--typo3-component-border-color);color:var(--typo3-table-color);font-weight:bold;padding:10px}.lux .table{border:1px solid var(--typo3-component-border-color)}.unitajax{position:relative;overflow:hidden;min-height:280px;background-color:light-dark(#DDDDDD, #000000);border:2px dashed light-dark(#CCCCCC, #292929);margin-bottom:1.125rem}.unitajax-spinner{display:inline-block;border-radius:50%;border:6px solid hsla(0,0%,100%,.3);border-top-color:#027aca;animation:spin 1s ease-in-out infinite;top:50%;left:50%;position:absolute;width:50px;height:50px;margin:-25px 0 0 -25px}@keyframes spin{to{transform:rotate(360deg)}} \ No newline at end of file +.timeline{position:relative}.timeline:before{content:"";display:block;background-color:#ddd;position:absolute}.timeline--vertical{margin:0 0 0 calc(1.5rem + 2rem + 1rem)}.timeline--vertical:before{width:3px;height:100%;top:0;left:calc(-1.5rem/2 - 3px/2 - 2rem)}.timeline--vertical .timeline__item:before{background-color:#ddd}.timeline--vertical .timeline__item:first-child:before{background-color:#027aca}.timeline--vertical .timeline__item:first-child:after{width:3px;height:50%;top:0;left:calc(-1.5rem/2 - 3px/2 - 2rem)}.timeline--vertical .timeline__item:last-child:after{width:3px;height:50%;bottom:0;left:calc(-1.5rem/2 - 3px/2 - 2rem)}.timeline--horizontal{display:flex;justify-content:space-between}.timeline--horizontal:before{width:100%;height:3px;top:34px}.timeline--horizontal .timeline__item{width:100px;text-align:center}.timeline--horizontal .timeline__item:before{left:calc(50% - 1.5rem/2);top:28px}.timeline--horizontal .timeline__item:first-child:before{background-color:#ddd}.timeline--horizontal .timeline__item:first-child:after{width:50%;height:3px;left:0;top:34px}.timeline--horizontal .timeline__item:last-child:before{background-color:#ddd}.timeline--horizontal .timeline__item:last-child:after{width:50%;height:3px;top:34px;right:0}.timeline__thin{width:85%;margin:10px auto 5px auto}.timeline__item{margin:0 0 1rem 0;max-width:300px;padding:.5rem;position:relative}.timeline__item:before{content:"";display:block;width:1.5rem;height:1.5rem;background-color:#027aca;border-radius:1.5rem;position:absolute;z-index:1;top:calc(50% - 1.5rem/2);left:calc(-1.5rem - 2rem)}.timeline__item:first-child::after,.timeline__item:last-child::after{background-color:var(--typo3-component-bg);content:"";display:block;position:absolute}.lux-pageoverview-container{border-radius:var(--pagemodule-grid-border-radius);border:1px dotted var(--pagemodule-grid-border-color);margin-bottom:var(--typo3-spacing);padding:1rem}.lux-pageoverview-container-inner{border-radius:var(--pagemodule-grid-cell-border-radius);background-color:var(--pagemodule-grid-cell-bg);padding:1rem}.lux-pageoverview-box{width:100%;height:180px;background:var(--pagemodule-element-bg);display:flex;margin-bottom:20px;overflow:hidden;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.lux-pageoverview-canvas{background:var(--pagemodule-element-bg)}.lux-pageoverview-box:hover{background:#027aca}.lux-pageoverview-box p{margin:0 0 5px}.lux-pageoverview-box-left{flex:0 0 180px}.lux-pageoverview-box-right{position:relative;padding:30px 10px 30px 0;flex:1}.lux-pageoverview-box-right>.badgearea{position:absolute;top:20px;right:20px}.lux-pageoverview-box-image{object-fit:cover;border-radius:50%;width:130px;height:130px;margin:25px auto}.badge-primary{background:#027aca}.lux-arrow-up{content:"";width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid #292929;display:inline-block}.lux-arrow-down{content:"";width:0;height:0;display:inline-block;margin-bottom:1px;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid #292929}.lux .table-title{background-color:var(--typo3-component-border-color);border-top:1px solid var(--typo3-component-border-color);border-left:1px solid var(--typo3-component-border-color);border-right:1px solid var(--typo3-component-border-color);color:var(--typo3-table-color);font-weight:bold;padding:10px}.lux .table{border:1px solid var(--typo3-component-border-color)}.unitajax{position:relative;overflow:hidden;min-height:280px;background-color:light-dark(#DDDDDD, #000000);border:2px dashed light-dark(#CCCCCC, #292929);margin-bottom:1.125rem}.unitajax-spinner{display:inline-block;border-radius:50%;border:6px solid hsla(0,0%,100%,.3);border-top-color:#027aca;animation:spin 1s ease-in-out infinite;top:50%;left:50%;position:absolute;width:50px;height:50px;margin:-25px 0 0 -25px}.lux-pageoverview-container canvas{max-width:100%;height:auto}@keyframes spin{to{transform:rotate(360deg)}} \ No newline at end of file