diff --git a/404.html b/404.html
index 02d025a01..901c0f1e3 100644
--- a/404.html
+++ b/404.html
@@ -6,7 +6,6 @@
Page not found - Quinn
-
@@ -29,13 +28,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/book.js b/book.js
index d40440c72..627a368e3 100644
--- a/book.js
+++ b/book.js
@@ -11,7 +11,7 @@ function playground_text(playground) {
let editor = window.ace.edit(code_block);
return editor.getValue();
} else {
- return code_block.textContent;
+ return code_block.innerText;
}
}
@@ -300,6 +300,13 @@ function playground_text(playground) {
themePopup.querySelector("button#" + get_theme()).focus();
}
+ function updateThemeSelected() {
+ themePopup.querySelectorAll('.theme-selected').forEach(function (el) {
+ el.classList.remove('theme-selected');
+ });
+ themePopup.querySelector("button#" + get_theme()).classList.add('theme-selected');
+ }
+
function hideThemes() {
themePopup.style.display = 'none';
themeToggleButton.setAttribute('aria-expanded', false);
@@ -355,6 +362,7 @@ function playground_text(playground) {
html.classList.remove(previousTheme);
html.classList.add(theme);
+ updateThemeSelected();
}
// Set theme
diff --git a/css/chrome.css b/css/chrome.css
index 10fa4b365..59eae11fd 100644
--- a/css/chrome.css
+++ b/css/chrome.css
@@ -507,6 +507,8 @@ ul#searchresults span.teaser em {
padding: 0;
list-style: none;
display: none;
+ /* Don't let the children's background extend past the rounded corners. */
+ overflow: hidden;
}
.theme-popup .default {
color: var(--icons);
@@ -515,7 +517,7 @@ ul#searchresults span.teaser em {
width: 100%;
border: 0;
margin: 0;
- padding: 2px 10px;
+ padding: 2px 20px;
line-height: 25px;
white-space: nowrap;
text-align: left;
@@ -527,8 +529,10 @@ ul#searchresults span.teaser em {
.theme-popup .theme:hover {
background-color: var(--theme-hover);
}
-.theme-popup .theme:hover:first-child,
-.theme-popup .theme:hover:last-child {
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
+
+.theme-selected::before {
+ display: inline-block;
+ content: "✓";
+ margin-left: -14px;
+ width: 14px;
}
diff --git a/css/general.css b/css/general.css
index 0e4f07a50..344b53eb7 100644
--- a/css/general.css
+++ b/css/general.css
@@ -22,8 +22,8 @@ body {
}
code {
- font-family: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace !important;
- font-size: 0.875em; /* please adjust the ace font size accordingly in editor.js */
+ font-family: var(--mono-font) !important;
+ font-size: var(--code-font-size);
}
/* make long words/inline code not x overflow */
@@ -148,6 +148,18 @@ blockquote {
border-bottom: .1em solid var(--quote-border);
}
+kbd {
+ background-color: var(--table-border-color);
+ border-radius: 4px;
+ border: solid 1px var(--theme-popup-border);
+ box-shadow: inset 0 -1px 0 var(--theme-hover);
+ display: inline-block;
+ font-size: var(--code-font-size);
+ font-family: var(--mono-font);
+ line-height: 10px;
+ padding: 4px 5px;
+ vertical-align: middle;
+}
:not(.footnote-definition) + .footnote-definition,
.footnote-definition + :not(.footnote-definition) {
diff --git a/css/variables.css b/css/variables.css
index 56b634bc3..21bf8e55e 100644
--- a/css/variables.css
+++ b/css/variables.css
@@ -6,6 +6,8 @@
--page-padding: 15px;
--content-max-width: 750px;
--menu-bar-height: 50px;
+ --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
+ --code-font-size: 0.875em /* please adjust the ace font size accordingly in editor.js */
}
/* Themes */
diff --git a/index.html b/index.html
index ab3e56102..9ad6876c8 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,6 @@
Networking introduction - Quinn
-
@@ -28,13 +27,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/networking-introduction.html b/networking-introduction.html
index ab3e56102..9ad6876c8 100644
--- a/networking-introduction.html
+++ b/networking-introduction.html
@@ -5,7 +5,6 @@
Networking introduction - Quinn
-
@@ -28,13 +27,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/print.html b/print.html
index e15037427..dffd589bd 100644
--- a/print.html
+++ b/print.html
@@ -6,7 +6,6 @@
Quinn
-
@@ -29,13 +28,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/quinn.html b/quinn.html
index 4d204dbea..f37d666bb 100644
--- a/quinn.html
+++ b/quinn.html
@@ -5,7 +5,6 @@
QUINN Introduction - Quinn
-
@@ -28,13 +27,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/quinn/certificate.html b/quinn/certificate.html
index fd8af6947..7d04d34ea 100644
--- a/quinn/certificate.html
+++ b/quinn/certificate.html
@@ -5,7 +5,6 @@
Certificate Configuration - Quinn
-
@@ -28,13 +27,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/quinn/data-transfer.html b/quinn/data-transfer.html
index 65a4481d2..ca42d7613 100644
--- a/quinn/data-transfer.html
+++ b/quinn/data-transfer.html
@@ -5,7 +5,6 @@
Data Transfer - Quinn
-
@@ -28,13 +27,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/quinn/set-up-connection.html b/quinn/set-up-connection.html
index 8cde708d9..a8339fd46 100644
--- a/quinn/set-up-connection.html
+++ b/quinn/set-up-connection.html
@@ -5,7 +5,6 @@
Connection Setup - Quinn
-
@@ -28,13 +27,13 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+