mirror of https://github.com/rust-lang/book
Shrink and move ferris when possible
This commit is contained in:
parent
d20900e313
commit
d34ea0538f
17
ferris.css
17
ferris.css
|
@ -19,13 +19,24 @@ body.ayu .not_desired_behavior {
|
|||
background: #501f21;
|
||||
}
|
||||
|
||||
.ferris {
|
||||
.ferris-container {
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
right: 5px;
|
||||
top: 30px;
|
||||
width: 10%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.ferris {
|
||||
vertical-align: top;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.ferris-large {
|
||||
width: 4.5em;
|
||||
}
|
||||
|
||||
.ferris-small {
|
||||
width: 3em;
|
||||
}
|
||||
|
||||
.ferris-explain {
|
||||
|
|
34
ferris.js
34
ferris.js
|
@ -19,19 +19,36 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||
}
|
||||
})
|
||||
|
||||
function attachFerrises (type) {
|
||||
function attachFerrises(type) {
|
||||
var elements = document.getElementsByClassName(type.attr)
|
||||
|
||||
for (var codeBlock of elements) {
|
||||
var lines = codeBlock.textContent.split(/\r|\r\n|\n/).length - 1;
|
||||
|
||||
if (lines >= 4) {
|
||||
attachFerris(codeBlock, type)
|
||||
var lines = codeBlock.innerText.replace(/\n$/, '').split(/\n/).length
|
||||
var size = 'large'
|
||||
if (lines < 4) {
|
||||
size = 'small'
|
||||
}
|
||||
|
||||
var container = prepareFerrisContainer(codeBlock, size == 'small')
|
||||
container.appendChild(createFerris(type, size))
|
||||
}
|
||||
}
|
||||
|
||||
function attachFerris (element, type) {
|
||||
function prepareFerrisContainer(element, useButtons) {
|
||||
var foundButtons = element.parentElement.querySelector('.buttons')
|
||||
if (useButtons && foundButtons) {
|
||||
return foundButtons
|
||||
}
|
||||
|
||||
var div = document.createElement('div')
|
||||
div.classList.add('ferris-container')
|
||||
|
||||
element.parentElement.insertBefore(div, element)
|
||||
|
||||
return div
|
||||
}
|
||||
|
||||
function createFerris(type, size) {
|
||||
var a = document.createElement('a')
|
||||
a.setAttribute('href', 'ch00-00-introduction.html#ferris')
|
||||
a.setAttribute('target', '_blank')
|
||||
|
@ -39,9 +56,10 @@ function attachFerris (element, type) {
|
|||
var img = document.createElement('img')
|
||||
img.setAttribute('src', 'img/ferris/' + type.attr + '.svg')
|
||||
img.setAttribute('title', type.title)
|
||||
img.className = 'ferris'
|
||||
img.classList.add('ferris')
|
||||
img.classList.add('ferris-' + size)
|
||||
|
||||
a.appendChild(img)
|
||||
|
||||
element.parentElement.insertBefore(a, element)
|
||||
return a
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue