Merge pull request #443 from plumbis/slack-201

This commit is contained in:
Jean du Plessis 2023-05-16 09:33:49 +02:00 committed by GitHub
commit a555d50330
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 87 additions and 9 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -27,6 +27,58 @@
} }
} }
/* purgecss start ignore */
#tooltip {
display: inline-block;
background: $brightSun;
color: $slate;
font-weight: bold;
padding: 5px 10px;
font-size: 16px;
border-radius: 4px;
}
@include media-breakpoint-down(lg) {
#tooltip {
display: none !important;
}
}
#arrow,
#arrow::before {
position: absolute;
width: 8px;
height: 8px;
background: inherit;
}
#arrow {
visibility: hidden;
}
#arrow::before {
visibility: visible;
content: '';
transform: rotate(45deg);
}
#tooltip[data-popper-placement^='top'] > #arrow {
bottom: -4px;
}
#tooltip[data-popper-placement^='bottom'] > #arrow {
top: -4px;
}
#tooltip[data-popper-placement^='left'] > #arrow {
right: -4px;
}
#tooltip[data-popper-placement^='right'] > #arrow {
left: -4px;
}
/* purgecss end ignore */
.list-group-item { .list-group-item {
border-color: var(--dropdown-border-color); border-color: var(--dropdown-border-color);
background: var(--body-background); background: var(--body-background);

View File

@ -1,8 +1,8 @@
{ {
"main.js": { "main.js": {
"src": "js/main-c39a5114.bundle.min.js" "src": "js/main-de09605a.bundle.min.js"
}, },
"main-c39a5114.bundle.min.js.map": { "main-de09605a.bundle.min.js.map": {
"src": "js/main-c39a5114.bundle.min.js.map" "src": "js/main-de09605a.bundle.min.js.map"
} }
} }

View File

@ -8,7 +8,7 @@ color-theme="light">
{{ block "body_override" . }}<body>{{ end }} {{ block "body_override" . }}<body>{{ end }}
{{ partialCached "icons" . }} {{ partialCached "icons" . }}
{{ partialCached "docs-navbar" . }} {{ partialCached "docs-navbar" . .IsHome }}
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}

View File

@ -75,9 +75,18 @@
</li> </li>
<li class="nav-item col-xs p-2"> <li class="nav-item col-xs p-2">
<a class="navbar-link" href="https://slack.crossplane.io" title="Join the Crossplane Slack" target="_blank" rel="noopener"> <div id="slack"><a class="navbar-link" href="https://slack.crossplane.io" title="Join the Crossplane Slack" target="_blank" rel="noopener">
{{ partialCached "icons/slack.svg" . }} <span class="icon-label">Crossplane Slack</span> {{ partialCached "icons/slack.svg" . }} <span class="icon-label">Crossplane Slack</span>
</a> </a>
</div>
{{ if .IsHome }}
<a class="navbar-link" href="https://slack.crossplane.io" title="Join the Crossplane Slack" target="_blank" rel="noopener">
<div id="tooltip" class="" role="tooltip">
Join the Crossplane Slack
<div id="arrow" data-popper-arrow></div>
</div>
</a>
{{ end }}
</li> </li>
<li class="nav-item col-x p-2"> <li class="nav-item col-x p-2">

View File

@ -14,3 +14,4 @@ import './bootstrap/src/offcanvas';
import './tabDeepAnchor.js'; import './tabDeepAnchor.js';
import './customClipboard.js'; import './customClipboard.js';
import './hoverHighlight.js'; import './hoverHighlight.js';
import './slackNotify.js';

View File

@ -0,0 +1,16 @@
import { createPopper } from '@popperjs/core';
const slackIcon = document.querySelector('#slack');
const tooltip = document.querySelector('#tooltip');
createPopper(slackIcon, tooltip, {
modifiers: [
{
name: 'offset',
options: {
offset: [0, 12],
},
},
],
});