mirror of https://github.com/crossplane/docs.git
Merge pull request #443 from plumbis/slack-201
This commit is contained in:
commit
a555d50330
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
|
@ -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);
|
||||||
|
|
|
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -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 }}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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';
|
|
@ -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],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
|
Loading…
Reference in New Issue