Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

LM-150 Add collapse animation #17

Merged
merged 2 commits into from
Aug 8, 2023
Merged

Conversation

dweiss96
Copy link
Contributor

@dweiss96 dweiss96 commented Aug 8, 2023

As alternative idea to self coding the animation as tried in #14.

@dweiss96 dweiss96 requested review from Checkl and rm-- and removed request for Checkl August 8, 2023 06:46
@rm-- rm-- force-pushed the LM-150_collapse-with-vue-collapsed branch from ef4ca21 to f63e666 Compare August 8, 2023 07:31
@rm--
Copy link
Member

rm-- commented Aug 8, 2023

  • Beim Klicken auf "Mehr erfahren" bei der Testanleitung ändert sich das Bild daneben.

<vue-markdown
v-if="props.markdown"
class="about-row__markdown__content"
:source="mdExplenation"
Copy link
Member

@rm-- rm-- Aug 8, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • typo: explanation
  • Aber ich denke wir sollten ein besseres Wort für den Inhalt finden, das überall passt.
    content, details, body ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Als content bzw. body würde ich eher beide Texte zusammen sehen. details kann man nehmen, obwohl es auch nicht immer passt. Bei dem Text zur Idee ist es mehr eine "Einschränkung" bzw. erweiterte Ausführung zum "Abstract". details passt gefühlt auch nur wirklich bei der Ferry Porsche Challenge.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bei Accordions ist es wohl meist title und content oder key und content. Ich dachte man kann sich daran orientieren.
Oder man gibt ihnen Zahlen, Paragraph1 und Paragraph2.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Heißen jetzt details.

:source="expanded ? mdFullText : mdAbstract"
/>

<div class="description-column__markdown">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Durch das Anfügen des zweiten Teils an das "abstract" entsteht hier eine ungewünschte newline.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed. Hab vergessen, dass dort auch wieder Standard-HTML Abstände gesetzt werden.

@dweiss96
Copy link
Contributor Author

dweiss96 commented Aug 8, 2023

  • Beim Klicken auf "Mehr erfahren" bei der Testanleitung ändert sich das Bild daneben.

Das passiert aktuell auch schon.

Hab jetzt feste Werte hinterlegt, die aus den bisherigen Dimensionen entnommen sind.

@dweiss96 dweiss96 force-pushed the LM-150_collapse-with-vue-collapsed branch from f63e666 to 7d09cdb Compare August 8, 2023 08:39
@rm--
Copy link
Member

rm-- commented Aug 8, 2023

  • Beim Klicken auf "Mehr erfahren" bei der Testanleitung ändert sich das Bild daneben.

Das passiert aktuell auch schon. Soll das Bild sich dann nur in der Größe nicht anpassen oder auch in der Position gleich bleiben?

Die Werte, die sich nicht verändern sollen, müssen nämlich durch feste Werte zu den jeweiligen Formfaktoren ersetzt werden.

so ist es es imo perfekt.

@rm-- rm-- merged commit c959a3d into main Aug 8, 2023
1 check passed
@rm-- rm-- deleted the LM-150_collapse-with-vue-collapsed branch August 8, 2023 08:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants