We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Placeholder-Loading is not showing up when the parent's "display" is set to "flex".
Edit: It seems by manually setting the width of the placeholder-loading div containing it to "inherit" fixes the issue.
Code Example: <div class="d-flex flex-column align-items-center bg-white shadow-sm tw-rounded-lg tw-w-80"> <div class="d-flex tw-pt-7 tw-pb-4"> ... </div> <div v-if="postsLoaded" class="list-group"> <a v-for="post in posts" :key="post.index" :href="post.post_link" class="list-group-item list-group-item-action border-0 tw-px-8"> ... </a> </div> <div v-else style="width: inherit;"> <div class="ph-item"> <div class="ph-col-12"> <div class="ph-picture"></div> <div class="ph-row"> <div class="ph-col-6 big"></div> <div class="ph-col-4 empty big"></div> <div class="ph-col-2 big"></div> <div class="ph-col-4"></div> <div class="ph-col-8 empty"></div> <div class="ph-col-6"></div> <div class="ph-col-6 empty"></div> <div class="ph-col-12"></div> </div> </div> </div> </div> <div class="d-flex justify-content-end w-100 tw-p-4"> ... </div> </div>
<div class="d-flex flex-column align-items-center bg-white shadow-sm tw-rounded-lg tw-w-80">
<div class="d-flex tw-pt-7 tw-pb-4">
...
</div>
<div v-if="postsLoaded" class="list-group">
<a v-for="post in posts" :key="post.index" :href="post.post_link" class="list-group-item list-group-item-action border-0 tw-px-8">
</a>
<div v-else style="width: inherit;">
<div class="ph-item">
<div class="ph-col-12">
<div class="ph-picture"></div>
<div class="ph-row">
<div class="ph-col-6 big"></div>
<div class="ph-col-4 empty big"></div>
<div class="ph-col-2 big"></div>
<div class="ph-col-4"></div>
<div class="ph-col-8 empty"></div>
<div class="ph-col-6"></div>
<div class="ph-col-6 empty"></div>
<div class="ph-col-12"></div>
<div class="d-flex justify-content-end w-100 tw-p-4">
Regards Adam
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Placeholder-Loading is not showing up when the parent's "display" is set to "flex".
Edit:
It seems by manually setting the width of the placeholder-loading div containing it to "inherit" fixes the issue.
Code Example:
<div class="d-flex flex-column align-items-center bg-white shadow-sm tw-rounded-lg tw-w-80">
<div class="d-flex tw-pt-7 tw-pb-4">
...
</div>
<div v-if="postsLoaded" class="list-group">
<a v-for="post in posts" :key="post.index" :href="post.post_link" class="list-group-item list-group-item-action border-0 tw-px-8">
...
</a>
</div>
<div v-else style="width: inherit;">
<div class="ph-item">
<div class="ph-col-12">
<div class="ph-picture"></div>
<div class="ph-row">
<div class="ph-col-6 big"></div>
<div class="ph-col-4 empty big"></div>
<div class="ph-col-2 big"></div>
<div class="ph-col-4"></div>
<div class="ph-col-8 empty"></div>
<div class="ph-col-6"></div>
<div class="ph-col-6 empty"></div>
<div class="ph-col-12"></div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-end w-100 tw-p-4">
...
</div>
</div>
Regards
Adam
The text was updated successfully, but these errors were encountered: