Skip to content

Commit e6e5206

Browse files
committed
rustdoc: use a different style of grip track
1 parent 3c9e1f9 commit e6e5206

File tree

2 files changed

+19
-39
lines changed

2 files changed

+19
-39
lines changed

src/librustdoc/html/static/css/noscript.css

-4
Original file line numberDiff line numberDiff line change
@@ -136,8 +136,6 @@ nav.sub {
136136
--scrape-example-code-wrapper-background-end: rgba(255, 255, 255, 0);
137137
--sidebar-resizer-hover: hsl(207, 90%, 66%);
138138
--sidebar-resizer-active: hsl(207, 90%, 54%);
139-
--sidebar-resizer-img-filter: opacity(66%);
140-
--sidebar-resizer-img-hover-filter: none;
141139
}
142140
/* End theme: light */
143141

@@ -248,8 +246,6 @@ nav.sub {
248246
--scrape-example-code-wrapper-background-end: rgba(53, 53, 53, 0);
249247
--sidebar-resizer-hover: hsl(207, 30%, 54%);
250248
--sidebar-resizer-active: hsl(207, 90%, 54%);
251-
--sidebar-resizer-img-filter: opacity(66%);
252-
--sidebar-resizer-img-hover-filter: none;
253249
}
254250
/* End theme: dark */
255251
}

src/librustdoc/html/static/css/rustdoc.css

+19-35
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1+
/* ignore-tidy-filelength */
12
/*
2-
// ignore-tidy-filelength
33
When static files are updated, their suffixes need to be updated.
44
1. In the top directory run:
55
./x.py doc --stage 1 library/core
@@ -525,25 +525,20 @@ img {
525525
left: var(--desktop-sidebar-width);
526526
display: flex;
527527
align-items: center;
528-
justify-content: center;
528+
justify-content: flex-start;
529+
color: var(--right-side-color);
529530
}
530-
531-
.sidebar-resizer::after {
532-
content: url('data:image/svg+xml,\
533-
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="24" viewBox="0 0 8 24"> \
534-
<linearGradient id="x" x1="0" x2="0" y1="0" y2="1"> \
535-
<stop offset="0.5" stop-color="%23666"/><stop offset="0.5" stop-color="%23ccc"/> \
536-
</linearGradient> \
537-
<circle r="2" fill="none" stroke-width="2" stroke="url(%23x)" cy="21" cx="3"/> \
538-
<circle r="2" fill="none" stroke-width="2" stroke="url(%23x)" cy="15" cx="3"/> \
539-
<circle r="2" fill="none" stroke-width="2" stroke="url(%23x)" cy="9" cx="3"/> \
540-
<circle r="2" fill="none" stroke-width="2" stroke="url(%23x)" cy="3" cx="3"/></svg>');
541-
width: 8px;
542-
height: 24px;
543-
filter: var(--sidebar-resizer-img-filter);
531+
.sidebar-resizer::before {
532+
content: "";
533+
border-right: dotted 2px currentColor;
534+
width: 2px;
535+
height: 12px;
544536
}
545-
.sidebar-resizer:hover::after {
546-
filter: var(--sidebar-resizer-img-hover-filter);
537+
.sidebar-resizer::after {
538+
content: "";
539+
border-right: dotted 2px currentColor;
540+
width: 2px;
541+
height: 16px;
547542
}
548543

549544
.rustdoc.src .sidebar-resizer {
@@ -571,6 +566,7 @@ img {
571566

572567
.sidebar-resizing .sidebar {
573568
position: fixed;
569+
border-right: solid 2px var(--sidebar-resizer-active);
574570
}
575571
.sidebar-resizing > body {
576572
padding-left: var(--resizing-sidebar-width);
@@ -586,6 +582,7 @@ img {
586582
on top of, the scrollbar) */
587583
left: calc(var(--desktop-sidebar-width) - 1px);
588584
border-left: solid 1px var(--sidebar-resizer-hover);
585+
color: var(--sidebar-resizer-hover);
589586
}
590587

591588
.src-sidebar-expanded .rustdoc.src .sidebar-resizer:hover,
@@ -611,17 +608,10 @@ img {
611608
/* make the resize tool bigger when actually resizing, to avoid :hover styles on other stuff
612609
while resizing */
613610
padding: 0 140px;
614-
width: 2px;
611+
width: calc(140px + 140px + 9px + 2px);
615612
margin-left: -140px;
616613
border-left: none;
617-
}
618-
.sidebar-resizer.active::before {
619-
border-left: solid 2px var(--sidebar-resizer-active);
620-
margin-left: 8px;
621-
padding-left: 1px;
622-
display: block;
623-
height: 100%;
624-
content: "";
614+
color: var(--sidebar-resizer-active);
625615
}
626616

627617
.sidebar, .mobile-topbar, .sidebar-menu-toggle,
@@ -3021,8 +3011,6 @@ by default.
30213011
--scrape-example-code-wrapper-background-end: rgba(255, 255, 255, 0);
30223012
--sidebar-resizer-hover: hsl(207, 90%, 66%);
30233013
--sidebar-resizer-active: hsl(207, 90%, 54%);
3024-
--sidebar-resizer-img-filter: opacity(66%);
3025-
--sidebar-resizer-img-hover-filter: none;
30263014
}
30273015
/* End theme: light */
30283016

@@ -3036,7 +3024,7 @@ by default.
30363024
--settings-button-border-focus: #ffb900;
30373025
--sidebar-background-color: #505050;
30383026
--sidebar-background-color-hover: #676767;
3039-
--sidebar-border-color: #2A2A2A;
3027+
--sidebar-border-color: #999;
30403028
--code-block-background-color: #2A2A2A;
30413029
--scrollbar-track-background-color: #717171;
30423030
--scrollbar-thumb-background-color: rgba(32, 34, 37, .6);
@@ -3132,8 +3120,6 @@ by default.
31323120
--scrape-example-code-wrapper-background-end: rgba(53, 53, 53, 0);
31333121
--sidebar-resizer-hover: hsl(207, 30%, 54%);
31343122
--sidebar-resizer-active: hsl(207, 90%, 54%);
3135-
--sidebar-resizer-img-filter: opacity(66%);
3136-
--sidebar-resizer-img-hover-filter: none;
31373123
}
31383124
/* End theme: dark */
31393125

@@ -3151,7 +3137,7 @@ Original by Dempfi (https://github.com/dempfi/ayu)
31513137
--settings-button-border-focus: #e0e0e0;
31523138
--sidebar-background-color: #14191f;
31533139
--sidebar-background-color-hover: rgba(70, 70, 70, 0.33);
3154-
--sidebar-border-color: #000;
3140+
--sidebar-border-color: #5c6773;
31553141
--code-block-background-color: #191f26;
31563142
--scrollbar-track-background-color: transparent;
31573143
--scrollbar-thumb-background-color: #5c6773;
@@ -3247,8 +3233,6 @@ Original by Dempfi (https://github.com/dempfi/ayu)
32473233
--scrape-example-code-wrapper-background-end: rgba(15, 20, 25, 0);
32483234
--sidebar-resizer-hover: hsl(34, 50%, 33%);
32493235
--sidebar-resizer-active: hsl(34, 100%, 66%);
3250-
--sidebar-resizer-img-filter: opacity(66%);
3251-
--sidebar-resizer-img-hover-filter: none;
32523236
}
32533237

32543238
:root[data-theme="ayu"] h1,

0 commit comments

Comments
 (0)