Closed Xapphire13 closed 5 years ago
Uh. It shouldn't look like this. Why does it look like this?
Generally the "rename variable... etc" text should be above the input box. At least this was the case with all Atom versions up to 1.34 (as far as I can recall)
Are you using some kind of custom theme? Did this change in a recent Atom release? What's going on here?
Tested with Atom 1.35.1. Everything behaves as it should:
It would appear something in your environment sets display: flex; flex-direction:row
on the block
css class. Pretty sure this is not Atom's default.
Interesting. Let me see if I can identify what is causing this, I dont use any custom themes, so it must be a bad package
I took a look and nothing is setting block
to have flex-direction: row
, in fact, nothing is setting the flex-direction
style on it at all, so it's just defaulting to row.
I could update my PR to include styling for this?
I have updated the PR with the styling required to get it looking exactly as you have it
nothing is setting block to have flex-direction: row
Why does it have display: flex;
though? Where does that come from? Atom's default is display: block
(edit: well, actually, Atom's default is no display
property explicitly set at all, and for divs the default value is block
)
Does it not make sense to have the style explicitly set for the input, as to avoid being messed up by other extensions?
The point is we don't have any control over "other extensions", and themes might include arbitrary overrides which we don't want to mess up. So with CSS the general rule I think should be "less is more". If you figure out which particular extension is messing up your stylesheets here, then we can discuss this further to resolve this particular conflict.
FWIW, div.block
is a default Atom thing, which is supposed to have display:block
I think, so whatever messes up your stylesheet breaks more than Atom-TypeScript.
Before
After