Auto Responsive Font in Button

Been scratching my head on trying to get the font/labels to be auto responsive sizing like the icon.
You’ve helped me figure out the auto-responsive buttons that are contained in a strip. At the current time, my icons, and button-containers auto-respond when I add or remove more buttons. However, the label seems to just get buried and remain the same font size.

I’ve tried font size 100%, auto, 100rem. I’ve tried messing with vw vh and even calc(). It seems I may just be missing something or what I’m asking for isn’t plausible. May you please point me in the right direction to figure this out?

Here is the buttons I have that look normal so far in the server-side (you can see on the modal “window audio settings” the font already getting out of the container):

image

Here is the after, using spacers as button dummies. (The spacers help me manage the buttons but using the @media screen so they don’t show up on the tablet side of things).

image

The icons I’ve set seem to respond, shrink/grow in size based off of the container/button, and remain centered. However, the font seems to just remain the same size and not respond to the size of the container shrinking.

I’m basically trying to code so that the icon & font will grow/shrink and remain in their positions. It seems simple enough in theory but having trouble executing my idea. Apologies for all the CSS questions.

My code for one of the buttons:

/*Gradient Color for Button */
:host {
  background: linear-gradient(to bottom right, lightblue, red) no-repeat;
  /* Incase Gradient Fails */
  background-color: red;  
  border-radius: 10px;
  width: 50vw;
  height: 50vw;
  position: relative;
}

/* Label Settings */

.label {
  align-items:flex-end;
  /* adjust the following */
  padding-bottom: 0em;
  font-size:75%;
  color: white;
}

/* Icon Img Settings */

.label:before {
  /*filter: invert(1);*/
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  background: url('
data:image/png;base64,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
')  no-repeat  center 15% / 35%;
}

You can’t set the font-size relative to the element’s size with css. You can set it relative only to the screensize using vw units.

On a sidenote I’m wondering why you are using vw units for setting the size of the widget instead of simply using percents in the appropriate properties. Doing so would allow you to fake a relative font-size using the @{width} value.

Also it seems you are duplicating your css a lot among your buttons, you should consider gathering the generic part of your code in a theme file or in the root’s css property. Using a custom css class would help too if you don’t intend to restyle all buttons.

1 Like

Ah, I was feeling this was the case. I’m glad I asked as I was scratching my head trying to force it to work. :sweat_smile:

You’re absolutely right about the vw units, I switched them to percent. That definitely showed my below-average coding skills. I appreciate you pointing that out so I can fix it and learn.

I’m going to experiment now with the custom css class. Thank you for the suggestion as I think this would help me alot as I am calling back css codes alot and it would be easier to create a custom class and/or variables at times. I’ll prob post back in a bit when I stumble or get stuck. But I’m going to try working on that now.

Thanks Jean, always appreciate your knowledge & support, and this amazing program you’ve written.

Actually, it was pretty self explanatory. I used the root’s css. And made a custom class. Then if I’m not mistaken, if I want to override a specific part of a widget’s css using my custom-class, I could just use the !important function? Or, is there a safer/better way you think?

Using !important is fine, you can avoid it by targeting the custom class directly:

:host.custom-class {
  /* overrides without !important */
}