Skip to content

Commit a84f2c9

Browse files
committed
Fix styling of selectors when using plain doc builds
1 parent fabcefb commit a84f2c9

File tree

4 files changed

+61
-0
lines changed

4 files changed

+61
-0
lines changed

docs/_static/extras.css

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
.psij-selector-value {
2+
display: inline-block;
3+
border-style: solid;
4+
border-width: 1pt;
5+
border-radius: 3pt;
6+
border-color: rgba(0, 0, 0, 0.2);
7+
background-color: rgba(255, 255, 255, 0.7);
8+
}
9+
10+
select.psij-selector {
11+
border: thin solid;
12+
border-color: rgba(0, 0, 0, 0.2);
13+
border-radius: 3pt;
14+
padding-left: 4pt;
15+
padding-right: 16pt;
16+
appearance: none;
17+
background: url(select-arrow.png) no-repeat;
18+
background-position: right 4pt center;
19+
background-size: 8pt;
20+
}
21+
22+
select.psij-selector:focus {
23+
outline: none;
24+
border-color: var(--color-fg-lines);
25+
box-shadow: 0 0 1.5pt var(--color-fg-lines);
26+
}
27+
28+
.selector-radio {
29+
width: 0;
30+
height: 0;
31+
}
32+
33+
.selector-label {
34+
cursor: pointer;
35+
36+
font-size: 94%;
37+
38+
z-index: 1;
39+
display: inline-block;
40+
position: relative;
41+
min-width: 80pt;
42+
43+
padding: 3pt;
44+
padding-left: 8pt;
45+
height: 22pt;
46+
47+
margin-right: 1pt;
48+
49+
background: #e7f2fa;
50+
top: 12pt;
51+
}
52+
53+
.selector-radio:checked + .selector-label {
54+
z-index: 3;
55+
height: 24pt;
56+
border-top: 3px solid #6ab0de;
57+
}

docs/_static/select-arrow.png

1.53 KB
Loading

docs/conf.py

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@
3535
# These are needed for the dhtml trickery
3636
html_static_path = ["_static"]
3737
html_js_files = ["extras.js"]
38+
html_css_files = ["extras.css"]
3839

3940
# Setup Sphinx extensions (and associated variables)
4041
extensions = [

web/docs/_static/extras.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
/* This overwrites the standard docs extras.css which contains styling
2+
for the selectors and would otherwise mess up the specific styling
3+
used for the web build of the docs */

0 commit comments

Comments
 (0)