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

[FR] Alternative style for cards callout. #315

Open
albertoloscerritos opened this issue Jun 17, 2024 · 1 comment
Open

[FR] Alternative style for cards callout. #315

albertoloscerritos opened this issue Jun 17, 2024 · 1 comment
Assignees
Labels
enhancement New feature or request

Comments

@albertoloscerritos
Copy link

Hi, I hope you are having a great Monday.

I saw the following image of a notion template:

image

And I think it would be great for MOCs. I tried your Cards callout for this, and they work perfectly. However, I wasn't able to replicate the same style as in the picture.
I am a complete css noob, but this is as much as I achieved:
image

> [!cards | 4 ]
> ![[Pasted image 20240613202004.png|sban htiny ctr]]
> **[[Link]]**
>  
>  ![[Pasted image 20240613202004.png|sban htiny ctr]]
>  [[Notion templates]]
>  
>  ![[Pasted image 20240613202004.png|sban htiny ctr]]
>  **[[Link]]**
>  
> ![[Pasted image 20240613202004.png|sban htiny ctr]]
>  **[[Link]]

I edited the css snippet to add a border and radius, but in only affected the lower part of the card. However, I could not add radius and border to the picture part of the card. Also, I could not remove the Bold format and align to the left while keeping the added border. Hopefully you like the idea.

Thanks as always for the awesome snippets :)

@albertoloscerritos albertoloscerritos added the enhancement New feature or request label Jun 17, 2024
@albertoloscerritos
Copy link
Author

Hi. I hope you are having a great Friday. I tried the new updated snippet, since it is now marked as Done.
It works great. Just wanted to ask if it is possible to show/add the border lines in each card (like in the original template):
image
Or is that out of the scope?
Thank you for the great work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
Status: In Progress
Development

No branches or pull requests

2 participants