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

[Question]: Is there a way to icrease the size of the card/font/icon? #22

Closed
szemod opened this issue Jun 10, 2022 · 4 comments
Closed
Assignees
Labels
question Further information is requested stale

Comments

@szemod
Copy link

szemod commented Jun 10, 2022

What happened?

Would be a nice feature to be able to set the height of the card or set the size of the text and icons

Card Version

1.0.6

HomeAssistant Version

Home Assistant Core 2022.6.4

Relevant log output

No response

@szemod szemod added the question Further information is requested label Jun 10, 2022
@szemod szemod changed the title [Question]: Is there a way to icrease the size of the card/font/icon [Question]: Is there a way to icrease the size of the card/font/icon? Jun 10, 2022
@szemod
Copy link
Author

szemod commented Jun 10, 2022

Okay,
it's easy to increase card height and icon size but font size is tricky (I was only able to play with spacing...).

card_mod:
style: |
ha-card {
height: 300px;
font-size: 2cm !important;
font-family: Helvetica;
line-height: 50px;
text-transform: capitalize;
font-style: italic;
font-weight: 900 !important;
letter-spacing: 0.20em !important;
word-spacing: 3px;
--mdc-icon-size: 50px;
}

@junalmeida
Copy link
Owner

@szemod did it work with card-mod? I would only suggest to use "em" instead of centimeter. So, "1.1em" would increase it proportionally to the parent definition.
You may also check current source code for places where I set it on nested items of the ha-card (eg the sensor row has a smaller font than title).
You could reach it like :

ha-card .box .card-header {
font-size: 1.1em; /* which means 1.1 times the inherited size? */
} 

If you want to keep my proportional sets, you can keep forcing the root font-size

@szemod
Copy link
Author

szemod commented Jun 14, 2022

HI, 'em' don't work eather, but anyhow I modified the js it self and made all change there what I need:
image

@stale
Copy link

stale bot commented Jul 14, 2022

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Jul 14, 2022
@stale stale bot closed this as completed Jul 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested stale
Projects
None yet
Development

No branches or pull requests

2 participants