Details
-
Type:
Task
-
Status: To Do (View Workflow)
-
Priority:
Minor
-
Resolution: Unresolved
-
Labels:None
-
Similar Issues:
Description
Background:
WEBSITE-416 implements its solution for boxshadow borders on images by requiring the author to specify [.boxshadow] above an image reference. E.g.
[.boxshadow]
image:tutorials/java-maven-01-downloading-maven-docker-image.png[alt="Downloading Maven Docker image",width=100%]
for inline image references or
[.boxshadow] image::tutorials/java-maven-01-downloading-maven-docker-image.png[]
for a block image reference.
This is based on the presence of the following CSS in content/css/jenkins.css file:
.imageblock.docinfoboxshadow img {
margin: 5px 5px 5px 5px;
-moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
}
.paragraph.docinfoboxshadow img {
margin: 5px 5px 5px 5px;
-moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5);
}
Proposal:
It would be better if implement this on a page-specific basis using Asciidoctor's docinfo features, which would provide the ability to implement CSS customizations on a page specific basis.
See WEBSITE-416 and GitHub pull request 1193 for details.
Attachments
Issue Links
- relates to
-
-
- Done
-