add link to project in toolbar

asciidoctor · Aug 11, 2024 · f94d846 · f94d846
1 parent ad3c45c
commit f94d846
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/css/toolbar.css b/src/css/toolbar.css
@@ -53,6 +53,23 @@
   background-image: url(../img/octicons-24.svg#view-home-fill);
 }
 
+.project-link {
+  display: block;
+  filter: var(--toolbar-primary-icon-filter);
+  margin-right: 1ch;
+}
+
+.project-link .icon {
+  display: inherit;
+  height: 1rem;
+  width: 1rem;
+}
+
+.project-link .icon img {
+  height: inherit;
+  width: inherit;
+}
+
 .edit-this-page {
   display: none;
   padding-right: 0.5rem;

diff --git a/src/partials/edit-this-page.hbs b/src/partials/edit-this-page.hbs
@@ -1,3 +1,6 @@
+{{#if page.attributes.project-url}}
+<a class="project-link" href="{{{page.attributes.project-url}}}" title="Project home"><span class="icon"><img src="{{{uiRootPath}}}/img/octicons-16.svg#view-mark-{{{or page.attributes.project-host 'github'}}}"></span></a>
+{{/if}}
 {{#if (and page.fileUri (not env.CI))}}
 <div class="edit-this-page"><a href="{{page.fileUri}}">Edit this Page</a></div>
 {{else if (and page.editUrl (or env.FORCE_SHOW_EDIT_PAGE_LINK (not page.origin.private)))}}