From ef68f143397213311d3108ffc1cc0ad89938b402 Mon Sep 17 00:00:00 2001 From: Roland Strasser Date: Sat, 4 Feb 2023 02:56:23 +0100 Subject: [PATCH 1/3] change expand icons --- src/librustdoc/html/static/css/rustdoc.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css index 2a9548712f086..0cf25246b9a11 100644 --- a/src/librustdoc/html/static/css/rustdoc.css +++ b/src/librustdoc/html/static/css/rustdoc.css @@ -1451,9 +1451,9 @@ details.toggle > summary.hideme > span { details.toggle > summary::before { /* toggle plus */ - background: url('data:image/svg+xml,') no-repeat top left; + background: url('data:image/svg+xml, \ + ') no-repeat top left; content: ""; cursor: pointer; width: 16px; @@ -1532,9 +1532,9 @@ details.toggle[open] > summary.hideme > span { details.toggle[open] > summary::before { /* toggle minus */ - background: url('data:image/svg+xml,') no-repeat top left; + background: url('data:image/svg+xml, \ + ') no-repeat top left; } details.toggle[open] > summary::after { From fdf6e619a919fcca5499e5e532ae8433dfcdf304 Mon Sep 17 00:00:00 2001 From: Roland Strasser Date: Mon, 6 Feb 2023 07:55:47 +0100 Subject: [PATCH 2/3] add icon for expand/collapse all --- src/librustdoc/html/static/css/rustdoc.css | 28 ++++++++++++++----- src/librustdoc/html/templates/print_item.html | 1 - 2 files changed, 21 insertions(+), 8 deletions(-) diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css index 0cf25246b9a11..f43df90863226 100644 --- a/src/librustdoc/html/static/css/rustdoc.css +++ b/src/librustdoc/html/static/css/rustdoc.css @@ -297,12 +297,28 @@ button { button#toggle-all-docs { padding: 0; - background: none; + margin-bottom: 2px; border: none; + outline: none; /* iOS button gradient: https://stackoverflow.com/q/5438567 */ -webkit-appearance: none; + opacity: 0.5; + cursor: pointer; + width: 17px; + height: 17px; + vertical-align: middle; + + background: url('data:image/svg+xml,') no-repeat top left; +} +button#toggle-all-docs:hover, +button#toggle-all-docs:focus { opacity: 1; } +button#toggle-all-docs.will-expand { + transform: rotate(180deg); +} .rustdoc { display: flex; @@ -1451,9 +1467,8 @@ details.toggle > summary.hideme > span { details.toggle > summary::before { /* toggle plus */ - background: url('data:image/svg+xml, \ - ') no-repeat top left; + background: url('data:image/svg+xml,') no-repeat top left; content: ""; cursor: pointer; width: 16px; @@ -1532,9 +1547,8 @@ details.toggle[open] > summary.hideme > span { details.toggle[open] > summary::before { /* toggle minus */ - background: url('data:image/svg+xml, \ - ') no-repeat top left; + background: url('data:image/svg+xml,') no-repeat top left; } details.toggle[open] > summary::after { diff --git a/src/librustdoc/html/templates/print_item.html b/src/librustdoc/html/templates/print_item.html index 3a1867b7feba3..6b9903f472eee 100644 --- a/src/librustdoc/html/templates/print_item.html +++ b/src/librustdoc/html/templates/print_item.html @@ -22,7 +22,6 @@

{#- -#} {%- else -%} {%- endmatch -%} {#- -#} {#- -#} {#- -#} From 5ba2950370606d9121b9372a1e6c938e96a3b8b4 Mon Sep 17 00:00:00 2001 From: Roland Strasser Date: Mon, 6 Feb 2023 08:58:40 +0100 Subject: [PATCH 3/3] make the icons smaller + fix the alignment --- src/librustdoc/html/static/css/rustdoc.css | 23 ++++++++++++++-------- 1 file changed, 15 insertions(+), 8 deletions(-) diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css index f43df90863226..3f7030ef841e1 100644 --- a/src/librustdoc/html/static/css/rustdoc.css +++ b/src/librustdoc/html/static/css/rustdoc.css @@ -308,9 +308,9 @@ button#toggle-all-docs { height: 17px; vertical-align: middle; - background: url('data:image/svg+xml,') no-repeat top left; + background: url('data:image/svg+xml,') no-repeat top left; } button#toggle-all-docs:hover, button#toggle-all-docs:focus { @@ -1467,8 +1467,9 @@ details.toggle > summary.hideme > span { details.toggle > summary::before { /* toggle plus */ - background: url('data:image/svg+xml,') no-repeat top left; + background: url('data:image/svg+xml, \ +') no-repeat top left; content: ""; cursor: pointer; width: 16px; @@ -1524,7 +1525,7 @@ details.toggle > summary.hideme::before { details.toggle > summary:not(.hideme)::before { position: absolute; left: -24px; - top: 4px; + top: 3px; } .impl-items > details.toggle > summary:not(.hideme)::before { @@ -1547,14 +1548,20 @@ details.toggle[open] > summary.hideme > span { details.toggle[open] > summary::before { /* toggle minus */ - background: url('data:image/svg+xml,') no-repeat top left; + background: url('data:image/svg+xml, \ +') no-repeat top left; } details.toggle[open] > summary::after { content: "Collapse"; } +details.toggle.type-contents-toggle > summary::before, +details.toggle.top-doc > summary::before { + margin-bottom: 5px; +} + /* This is needed in docblocks to have the "▶" element to be on the same line. */ .docblock summary > * { display: inline-block;