Skip to content

Commit 9ce0269

Browse files
committed
🐛 BUG: fixing toggle button text overlap on narrow screens
1 parent 1be85da commit 9ce0269

File tree

1 file changed

+9
-6
lines changed

1 file changed

+9
-6
lines changed

sphinx_togglebutton/_static/togglebutton.css_t

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -59,14 +59,17 @@ button.toggle-button {
5959
padding: 0px;
6060
}
6161

62-
button.toggle-button.toggle-button-hidden:before {
63-
content: "{{ togglebutton_hint }}";
64-
position: absolute;
65-
font-size: .8em;
66-
left: -6.5em;
67-
bottom: .4em;
62+
@media (min-width: 768px) {
63+
button.toggle-button.toggle-button-hidden:before {
64+
content: "{{ togglebutton_hint }}";
65+
position: absolute;
66+
font-size: .8em;
67+
left: -6.5em;
68+
bottom: .4em;
69+
}
6870
}
6971

72+
7073
/* Plus / minus toggles */
7174
.toggle-button .bar {
7275
background-color: white;

0 commit comments

Comments
 (0)