-
Notifications
You must be signed in to change notification settings - Fork 295
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
Custom CSS classes for domain and subdomain #349
Comments
What do you want to achieve ? Override If you are not using navigation, you can try targeting the domains with |
My intent is to have a month view that is responsive, meaning it will use the maximum width available for the number of months and then break into a new line (e.g. 6 months per line on a desktop, 2 months on mobile). The way I wanted to go about this is to use one of the many CSS frameworks to add classes to the month element (e.g. In the meantime I solved the issue by generating a new calendar for every month and putting it into a div. See example here. |
Col-sm etc… from css would have never worked, as the svg elements position
are absolute.
Only way to do this was using multiple calendar instance, as you did.
The calendar also have a dimensions function, you can retrieve its width
and compare with your container size to display the correct amount of
months on one line.
…On Sun, Jun 18, 2023 at 03:28 Leif Gensert ***@***.***> wrote:
My intent is to have a month view that is responsive, meaning it will use
the maximum width available for the number of months and then break into a
new line (e.g. 6 months per line on a desktop, 2 months on mobile).
The way I wanted to go about this is to use one of the many CSS frameworks
to add classes to the month element (e.g. .col-sm-*, .col-md-*, col-lg-*
in Bootstrap).
In the meantime I solved the issue by generating a new calendar for every
month and putting it into a div. See example here
<https://can-i-get-to-la.netlify.app>.
—
Reply to this email directly, view it on GitHub
<#349 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AADZAXKPG5HFGC6UXTWK5SDXLXZNRANCNFSM6AAAAAAZEICGAQ>
.
You are receiving this because you commented.Message ID:
***@***.***>
|
There is probably a better way to do this but I am trying to make my month view responsive. So ideally I would pass in a CSS class for my domain in addition to
ch-domain m_1
. Is this possible or is there are better way to make my calendar responsive?The text was updated successfully, but these errors were encountered: