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
-
WEBSITE-416 Ability to add CSS-based borders (i.e. box shadows) to images on the jenkins.io site
-
- Done
-