diff --git a/src/QUI/Interview/Controls/IntervieweeData.LargeImageLeft.html b/src/QUI/Interview/Controls/IntervieweeData.LargeImageLeft.html new file mode 100644 index 0000000000000000000000000000000000000000..fcf78dd9c9c5f6d38a33cc1f4b3ae47befb93404 --- /dev/null +++ b/src/QUI/Interview/Controls/IntervieweeData.LargeImageLeft.html @@ -0,0 +1,14 @@ +<div class="quiqqer-interview-control-interviewee-template__largeImageLeft"> + <div class="quiqqer-interview-control-interviewee-image"> + {image src=$intervieweeAvatar width="200" height="200" loading="lazy"} + </div> + + <div class="quiqqer-interview-control-interviewee-content"> + <p class="quiqqer-interview-control-interviewee-name">{$intervieweeName}</p> + <p class="quiqqer-interview-control-interviewee-additionalInfo">{$intervieweeAdditionalInfo}</p> + + {if $intervieweeDescription} + <div class="quiqqer-interview-control-interviewee-content-short">{$intervieweeDescription}</div> + {/if} + </div> +</div> \ No newline at end of file diff --git a/src/QUI/Interview/Controls/IntervieweeData.css b/src/QUI/Interview/Controls/IntervieweeData.css index ef5dcdfd0d00430704e5f2a26e2c321f90160e2f..39d5cdbda3347b618617e1fbe3300cf7bd398b54 100644 --- a/src/QUI/Interview/Controls/IntervieweeData.css +++ b/src/QUI/Interview/Controls/IntervieweeData.css @@ -15,31 +15,31 @@ } /* Interviewee template largeImageLeft */ -.quiqqer-blog-control-author-template__largeImageLeft { +.quiqqer-interview-control-interviewee-template__largeImageLeft { display: flex; } -.quiqqer-blog-control-author-template__largeImageLeft .quiqqer-blog-control-author-image { +.quiqqer-interview-control-interviewee-template__largeImageLeft .quiqqer-interview-control-interviewee-image { margin-right: var(--spacing, 1rem); width: 120px; } -.quiqqer-blog-control-author-template__largeImageLeft .quiqqer-blog-control-author-image img { +.quiqqer-interview-control-interviewee-template__largeImageLeft .quiqqer-interview-control-interviewee-image img { object-fit: cover; border-radius: 50%; aspect-ratio: 1 / 1; height: auto; } /* Interviewee template smallImageLeft */ -.quiqqer-blog-control-author-template__smallImageLeft { +.quiqqer-interview-control-interviewee-template__smallImageLeft { display: flex; } -.quiqqer-blog-control-author-template__smallImageLeft .quiqqer-blog-control-author-image { +.quiqqer-interview-control-interviewee-template__smallImageLeft .quiqqer-interview-control-interviewee-image { margin-right: var(--spacing, 1rem); } -.quiqqer-blog-control-author-template__smallImageLeft .quiqqer-blog-control-author-image img { +.quiqqer-interview-control-interviewee-template__smallImageLeft .quiqqer-interview-control-interviewee-image img { object-fit: cover; border-radius: 50%; aspect-ratio: 1 / 1; diff --git a/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.html b/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.html deleted file mode 100644 index 70c3a880b3f34de8edbdb0da7ce72fa1916da74b..0000000000000000000000000000000000000000 --- a/src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.html +++ /dev/null @@ -1,18 +0,0 @@ -<div class="quiqqer-interview-interviewee"> - - <div class="quiqqer-interview-interviewee-row"> - <div class="quiqqer-interview-interviewee-image"> - {image src=$intervieweeAvatar width=300 height=300 loading="lazy"} - </div> - - <div class="quiqqer-interview-interviewwe-content"> - <div class="quiqqer-interview-interviewee-name"> {$intervieweeName} </div> - <div class="quiqqer-interview-interviewee-additionalInfo"> {$intervieweeAdditionalInfo} </div> - </div> - </div> - - <div class="quiqqer-interview-interviewee-description"> - {$intervieweeDescription} - </div> - -</div> \ No newline at end of file