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 book icon to xrefs to other books #161

Open
ghost opened this issue Dec 9, 2015 · 2 comments
Open

Add book icon to xrefs to other books #161

ghost opened this issue Dec 9, 2015 · 2 comments
Assignees
Labels
cat-enhancement Enhancements format-html html, xhtml, html5, webhelp, jsp support styles-2022 "suse2022-ns" styles topic-smartdocs For SmartDocs

Comments

@ghost
Copy link

ghost commented Dec 9, 2015

(This would save us from adding a little arrow there as in the older stylesheets.)

Don't do this before v1.79 with its corrected xref-to-suffix mode...

@ghost ghost changed the title HTML: add book icon to xrefs to other books Add book icon to xrefs to other books Dec 9, 2015
@ghost ghost added styles-2013 "suse2013", "suse2013-ns", "daps2013", "daps2013-ns", "opensuse2013", "opensuse2013-ns" styles format-html html, xhtml, html5, webhelp, jsp support cat-enhancement Enhancements labels Dec 9, 2015
@janajaeger janajaeger added cat-limbo Issues which should be investigated further styles-2022 "suse2022-ns" styles labels Jul 12, 2022
@janajaeger
Copy link
Contributor

@tomschr if you have some more details on format (SVG?), size etc., I could provide you with a little something.

@tomschr tomschr removed the styles-2013 "suse2013", "suse2013-ns", "daps2013", "daps2013-ns", "opensuse2013", "opensuse2013-ns" styles label Jul 12, 2022
@tomschr
Copy link
Collaborator

tomschr commented Jul 12, 2022

@janajaeger Sure, some details that I think could be useful:

  • Format: SVG for sure. 😉
    Maybe we could use a document icon (SUSE gallery) or a book icon (FontAwesome).

  • Size
    It has to fit between the line(s). Here is an example of an external link (watch for the arrow up icon after the link):

    Screenshot_20220712_113557

  • Source code
    The arrow up icon was made with CSS and SVG. You can find it here:

    a.link::after
    background-repeat: no-repeat
    color: transparent
    content: "\2197"
    text-decoration: none
    background-size: contain
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="17" viewBox="0 0 13 17"> <rect fill="#{$c_jungle_url}" fill-opacity="0.4" y="10" x="1" height="6" width="6" /><path fill="#{$c_funky_darker_jungle_url}" d="M 4,5 V 6.9658466 H 8.4687653 L 2.75,12.617749 4.1562488,14 10,8.2866892 v 4.5768078 h 2 V 5 Z" /></svg>')

    Hope that helps.

@tomschr tomschr added topic-smartdocs For SmartDocs and removed cat-limbo Issues which should be investigated further labels Nov 7, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
cat-enhancement Enhancements format-html html, xhtml, html5, webhelp, jsp support styles-2022 "suse2022-ns" styles topic-smartdocs For SmartDocs
Projects
None yet
Development

No branches or pull requests

2 participants