CSS change: icon max-width
--------------------------
Key: DOCUM-53
URL: http://jira.magnolia-cms.com/browse/DOCUM-53
Project: Documentation Module
Issue Type: Task
Components: templates
Reporter: Antti Hietala
Assignee: Grégory Joseph
Attachments: small-icons.png
Previously in 24:
{quote}As a ripple effect of the Similar content sidebar widget, large images
started to "spill" out of the {{#content div}} over the vertical line that
separates the sidebar. It looked pretty ugly so I added {{max-width}} rules to
img elements in screen.css.{quote}
Well...that had a side effect that rendered icons in tables microscopic, see
screenshot. To counter this, I added new {{max-width}} attribute in screen.css,
line 135:
{code}
div#content div.paragraph img[src*="icon_"] {
display: inline;
border: none;
margin: 0px 2px 0px 2px;
padding: 0px;
max-width: none; /* This is the new line. */
[@noShadow /]
}
{code}
Please check screen.css into version control.
--
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators:
http://jira.magnolia-cms.com/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira
----------------------------------------------------------------
For list details, see: http://www.magnolia-cms.com/community/mailing-lists.html
Alternatively, use our forums: http://forum.magnolia-cms.com/
To unsubscribe, E-mail to: <[email protected]>
----------------------------------------------------------------
