Rename feature into Word wrap source code
This commit is contained in:
parent
38b5bfce24
commit
a1471f3aa6
4 changed files with 26 additions and 23 deletions
|
@ -938,54 +938,54 @@ ul.block, .block li, .block ul {
|
|||
.example-wrap .line-highlighted[data-nosnippet] {
|
||||
background-color: var(--src-line-number-highlighted-background-color);
|
||||
}
|
||||
:root.wrap-source-code .example-wrap [data-nosnippet] {
|
||||
:root.word-wrap-source-code .example-wrap [data-nosnippet] {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
.wrap-source-code .example-wrap pre > code {
|
||||
.word-wrap-source-code .example-wrap pre > code {
|
||||
position: relative;
|
||||
word-break: break-all;
|
||||
}
|
||||
:root.wrap-source-code .example-wrap pre > code {
|
||||
:root.word-wrap-source-code .example-wrap pre > code {
|
||||
display: block;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
:root.wrap-source-code .example-wrap pre > code * {
|
||||
:root.word-wrap-source-code .example-wrap pre > code * {
|
||||
word-break: break-all;
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-1 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-1 pre > code {
|
||||
padding-left: calc(
|
||||
1ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-2 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-2 pre > code {
|
||||
padding-left: calc(
|
||||
2ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-3 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-3 pre > code {
|
||||
padding-left: calc(
|
||||
3ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-4 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-4 pre > code {
|
||||
padding-left: calc(
|
||||
4ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-5 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-5 pre > code {
|
||||
padding-left: calc(
|
||||
5ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-6 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-6 pre > code {
|
||||
padding-left: calc(
|
||||
6ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-7 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-7 pre > code {
|
||||
padding-left: calc(
|
||||
7ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-8 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-8 pre > code {
|
||||
padding-left: calc(
|
||||
8ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
:root.wrap-source-code .example-wrap.digits-9 pre > code {
|
||||
:root.word-wrap-source-code .example-wrap.digits-9 pre > code {
|
||||
padding-left: calc(
|
||||
9ch + var(--line-number-padding) * 2 + var(--line-number-right-margin));
|
||||
}
|
||||
|
|
|
@ -60,11 +60,11 @@
|
|||
removeClass(document.documentElement, "sans-serif");
|
||||
}
|
||||
break;
|
||||
case "wrap-source-code":
|
||||
case "word-wrap-source-code":
|
||||
if (value === true) {
|
||||
addClass(document.documentElement, "wrap-source-code");
|
||||
addClass(document.documentElement, "word-wrap-source-code");
|
||||
} else {
|
||||
removeClass(document.documentElement, "wrap-source-code");
|
||||
removeClass(document.documentElement, "word-wrap-source-code");
|
||||
}
|
||||
break;
|
||||
}
|
||||
|
@ -255,8 +255,8 @@
|
|||
"default": false,
|
||||
},
|
||||
{
|
||||
"name": "Wrap source codes",
|
||||
"js_name": "wrap-source-code",
|
||||
"name": "Word wrap source code",
|
||||
"js_name": "word-wrap-source-code",
|
||||
"default": false,
|
||||
},
|
||||
];
|
||||
|
|
|
@ -286,8 +286,8 @@ if (getSettingValue("hide-modnav") === "true") {
|
|||
if (getSettingValue("sans-serif-fonts") === "true") {
|
||||
addClass(document.documentElement, "sans-serif");
|
||||
}
|
||||
if (getSettingValue("wrap-source-code") === "true") {
|
||||
addClass(document.documentElement, "wrap-source-code");
|
||||
if (getSettingValue("word-wrap-source-code") === "true") {
|
||||
addClass(document.documentElement, "word-wrap-source-code");
|
||||
}
|
||||
function updateSidebarWidth() {
|
||||
const desktopSidebarWidth = getSettingValue("desktop-sidebar-width");
|
||||
|
|
|
@ -1,13 +1,14 @@
|
|||
// Checks that the interactions with the source code pages are working as expected.
|
||||
go-to: "file://" + |DOC_PATH| + "/src/test_docs/lib.rs.html"
|
||||
show-text: true
|
||||
set-window-size: (1000, 1000)
|
||||
|
||||
define-function: (
|
||||
"click-code-wrapping",
|
||||
[expected],
|
||||
block {
|
||||
click: "#wrap-source-code"
|
||||
wait-for-local-storage: {"rustdoc-wrap-source-code": |expected|}
|
||||
click: "#word-wrap-source-code"
|
||||
wait-for-local-storage: {"rustdoc-word-wrap-source-code": |expected|}
|
||||
},
|
||||
)
|
||||
|
||||
|
@ -15,6 +16,7 @@ store-size: (".rust code", {"width": width, "height": height})
|
|||
click: "#settings-menu"
|
||||
wait-for: "#settings"
|
||||
call-function: ("click-code-wrapping", {"expected": "true"})
|
||||
wait-for-size-false: (".rust code", {"width": |width|, "height": |height|})
|
||||
store-size: (".rust code", {"width": new_width, "height": new_height})
|
||||
// The width should now be smaller than the window's and the height
|
||||
// should have increased.
|
||||
|
@ -32,6 +34,7 @@ wait-for: "#settings"
|
|||
store-size: (".example-wrap .rust code", {"width": rust_width, "height": rust_height})
|
||||
store-size: (".example-wrap .language-text code", {"width": txt_width, "height": txt_height})
|
||||
call-function: ("click-code-wrapping", {"expected": "true"})
|
||||
wait-for-size-false: (".example-wrap .rust code", {"width": |rust_width|, "height": |rust_height|})
|
||||
|
||||
store-size: (".example-wrap .rust code", {"width": new_rust_width, "height": new_rust_height})
|
||||
store-size: (".example-wrap .language-text code", {"width": new_txt_width, "height": new_txt_height})
|
||||
|
@ -40,5 +43,5 @@ assert: |rust_width| > |new_rust_width| && |rust_height| < |new_rust_height|
|
|||
assert: |txt_width| > |new_txt_width| && |txt_height| < |new_txt_height|
|
||||
|
||||
call-function: ("click-code-wrapping", {"expected": "false"})
|
||||
assert-size: (".example-wrap .rust code", {"width": |rust_width|, "height": |rust_height|})
|
||||
wait-for-size: (".example-wrap .rust code", {"width": |rust_width|, "height": |rust_height|})
|
||||
assert-size: (".example-wrap .language-text code", {"width": |txt_width|, "height": |txt_height|})
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue