![]() The master component does honor responsive resize across all states when scaled, it's just the copies where this is an issue. To edit opposing padding values, select + Alt. To edit all the padding values, select Shift +. To update the padding values on a group or component, manually resize or move the background on canvas. All the states should scale equally according to the responsive resize rules set. To resize padding on a canvas, press the key, hover over the padding area, and drag. ![]() ![]() I shouldn't have to resize each and every one of my states when I place a component and scale it. I just want responsive resize settings to be honored across all states of my component, I have them set the same for all states. If I reset to the master state, it undoes my scaling. If I then copy that component and scale it, it shows up as modified and only the default background scales, the hover background doesn't scale at all, even though they are the same rectangle, just a different color. But with responsive resize unchecked, the content remains left justified, while the artboard resizes from the center (again, when option is held). I set up the responsive resize for both the default and hover states such that the background rectangle always fills the entire component area. If I click responsive resize, the content of the artboard does remain centered to the artboard, and resizes, when option is held while dragging the artboard resize handle. So, we're going to wrap that declaration (along with several others) inside a media query. ![]() Otherwise, we will end up with one of those annoying horizontal scrollbars. I'm running into an issue where I create a master component with a simple default and hover state (I'm just changing the background color). In this case, we don't really want an 800px page width unless we are sure the user's browser window is at least 800px wide. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |