From 4435bf114623780dac073926f4f91ab25a5a9651 Mon Sep 17 00:00:00 2001
From: Campii <dominik.chrzanowski183@gmail.com>
Date: Sun, 31 Oct 2021 14:04:43 +0100
Subject: [PATCH] refactor: Code refactor [IntervieweeData] quiqqer/interview#2
---
.../IntervieweeData.LargeImageLeft.html | 14 ++++++++++++++
src/QUI/Interview/Controls/IntervieweeData.css | 12 ++++++------
.../IntervieweeData.largeImageLeft.html | 18 ------------------
3 files changed, 20 insertions(+), 24 deletions(-)
create mode 100644 src/QUI/Interview/Controls/IntervieweeData.LargeImageLeft.html
delete mode 100644 src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.html
diff --git a/src/QUI/Interview/Controls/IntervieweeData.LargeImageLeft.html b/src/QUI/Interview/Controls/IntervieweeData.LargeImageLeft.html
new file mode 100644
index 0000000..fcf78dd
--- /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 ef5dcdf..39d5cdb 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 70c3a88..0000000
--- 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
--
GitLab