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

Add border examples #352

Merged
merged 4 commits into from
Jun 3, 2017
Merged

Add border examples #352

merged 4 commits into from
Jun 3, 2017

Conversation

nigelmegitt
Copy link
Contributor

Fixes #189.

One image for the existing example, the other with an XML example for
rounded borders as per #189.

Would appreciate a review especially of the border example with the red, green and blue borders - I'm not at all sure that the rendering is correct - two queries:

  1. Should the span border be included in the size of the inline area, and therefore increase the height of the line area, and bump the text up a bit? (related to this: should the border of the text flow into the border of the region?)
  2. What is the z order of the borders? I have made the region border in front of the p border which in turn is in front of the span border; possibly it should be the reverse?

One image for the existing example, the other with an XML example for
rounded borders as per #189.
@nigelmegitt nigelmegitt self-assigned this May 31, 2017
@nigelmegitt nigelmegitt added this to the Editor's WR Work List milestone May 31, 2017
Copy link
Collaborator

@skynavga skynavga left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On the border.png example, can you use display align before or center? It should show that the border on span extends outside the paragraph border ... or increase line height so as to get all the border. Alternatively, put the span border on a word on the first line. A border on an inline, like padding on an inline, does not affect the line height and effectively overlaps nearby marks unless adequate spacing is present.

@skynavga skynavga removed this from the Editor's WR Work List milestone May 31, 2017
@nigelmegitt
Copy link
Contributor Author

@skynavga Sure. I was just adding an image to reflect the existing example fragment, I didn't modify that fragment.

nigelmegitt and others added 3 commits June 1, 2017 13:49
* Change first border example to set displayAlign to center and update
image.
* Change z-order of border rectangles so that the span’s border is
drawn in front of the p’s border.
@skynavga skynavga merged commit fd71e0b into gh-pages Jun 3, 2017
@skynavga skynavga deleted the issue-0189-background-rounding branch August 21, 2017 16:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants