-
Notifications
You must be signed in to change notification settings - Fork 4
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
Fix border bottom style #43
base: master
Are you sure you want to change the base?
Conversation
* style heading * url background color * bump package version
@jarrodek, @twoplustwoone, any ETA when this is going to be reviewed and merged? |
@@ -102,8 +100,9 @@ export default css` | |||
display: flex; | |||
flex-direction: row; | |||
align-items: center; | |||
border-bottom: 1px var(--api-parameters-document-title-border-color, #e5e5e5) solid; | |||
border: var(--api-parameters-document-title-border); | |||
border-bottom: var(--api-parameters-document-title-border-bottom, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is more restrictive than what we have now. I would at least keep the border
attribute, and use this current border-bottom
value as the default border-bottom
value for the border
attribute
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@twoplustwoone but this is not how it works. border
controls the border of all sides at once. I've already mentioned that and a possible solution in my more detailed explanation here:
advanced-rest-client/api-body-document#26 (comment)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yes I understand, but why not do something like this instead:
border: var(--api-parameters-document-title-border);
border-bottom: var(--api-parameters-document-title-border-bottom, 1px var(--api-parameters-document-title-border-color, #e5e5e5) solid);
This would cover being able to change theborder-bottom
and override border
, which would fit what you mentioned in that PR, correct?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This would cover being able to change the
border-bottom
and overrideborder
, which would fit what you mentioned in that PR, correct?
Not exactly. Your solution will be backward compatible, so I have no objections here. However, it has two inconveniences (depending on the use cases you actually have or plan):
-
Let's say I want my expandable menu to be bordered from all sides (even though I hardly image such a use case). I have
--api-parameters-document-title-border
to do that, but I also must set--api-parameters-document-title-border-color
to avoidborder-bottom
overriding my bottom border with the default value.
And here's what this will look like:
-
This will not work for the use case, where one would like to have both bottom and top borders.
Here's what this could look like:
But all this is just an idea based on the wrong idea 😄. As @benri already said in that PR, the reason he did this, is to hide the bottom border (which could be done just by using the transparent
color).
If it doesn't make much sense to you - keep your solution, my only wish is to keep it at least backward compatible 🙂
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@twoplustwoone, @benri, any news regarding this change? And what about this one advanced-rest-client/api-body-document#26?
Fixes
border
property overriding the style ofborder-bottom
when the CSS variable is undefined( Customize method style #38 (comment) )
Fixes
margin
property overriding defaultmargin-top
andmargin-bottom
style on.url-area
( 3d6a35a#r51355569 )