scale icon indicating copy to clipboard operation
scale copied to clipboard

Scale button --width in %

Open tshimber opened this issue 1 year ago • 3 comments

Scale Version 3.0.0-beta.134

Framework and version Angular 14

Additional context Hi! I've updated Scale and have the issue with scale-btn width. I want it to be 100%, and previously "scale-button { --width: 100%; }" in css worked. Now only value in px works, and I can't put 100% neither as var, nor via :host .button, nor via [styles] attr. Maybe you have some advice here? I guess I'm doing smth wrong/

image

image

tshimber avatar May 15 '23 12:05 tshimber

@tshimber We will check this issue and update you soon. Thanks

ayeshaa-m avatar May 16 '23 05:05 ayeshaa-m

@tshimber width:100% works relative to its nearest container. I tried this which works for your requirement. Can you please try like this below?

<div style="width: 500px; height: 200px; background-color: blue;"> <scale-button style="--width:100%; width: 100%;" id="choose-dario">choose Dario</scale-button> </div>

ayeshaa-m avatar May 23 '23 08:05 ayeshaa-m

@ayeshaa-m thank you!! yes, it works this way: --width: 100%; width: 100%;

So the issue can be closed I guess) sorry for the late answer!

tshimber avatar Aug 22 '23 08:08 tshimber