Skip to content
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

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

benri
Copy link
Contributor

@benri benri commented Jun 1, 2021

@benri benri mentioned this pull request Jun 1, 2021
benri referenced this pull request Jun 1, 2021
* style heading

* url background color

* bump package version
@deiteris
Copy link
Contributor

deiteris commented Aug 8, 2021

@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,
Copy link
Contributor

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

Copy link
Contributor

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)

Copy link
Contributor

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?

Copy link
Contributor

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 override border, 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):

  1. 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 avoid border-bottom overriding my bottom border with the default value.
    And here's what this will look like:
    image

  2. 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:
    image

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 🙂

Copy link
Contributor

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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants