Skip to content

Commit 779dfd1

Browse files
evanlucastargos
authored andcommitted
doc: make version picker usable on mobile
This makes the version picker usable on mobile devices. Previously, the version picker was difficult to select from. This change makes the #gtoc > ul > li elements have a display of `block` instead of `inline`. PR-URL: #39958 Reviewed-By: Luigi Pinca <[email protected]> Reviewed-By: Antoine du Hamel <[email protected]> Reviewed-By: Tobias Nießen <[email protected]> Reviewed-By: James M Snell <[email protected]> Reviewed-By: Derek Lewis <[email protected]>
1 parent 80fdedd commit 779dfd1

File tree

1 file changed

+15
-13
lines changed

1 file changed

+15
-13
lines changed

doc/api_assets/style.css

+15-13
Original file line numberDiff line numberDiff line change
@@ -165,19 +165,6 @@ em code {
165165
line-height: 1.5rem;
166166
}
167167

168-
#gtoc > ul > li {
169-
display: inline;
170-
border-right: 1px currentColor solid;
171-
margin-right: .4rem;
172-
padding-right: .4rem;
173-
}
174-
175-
#gtoc > ul > li:last-child {
176-
border-right: none;
177-
margin-right: 0;
178-
padding-right: 0;
179-
}
180-
181168
li.version-picker {
182169
position: relative;
183170
}
@@ -741,6 +728,21 @@ kbd {
741728
outline: var(--brand3) dotted 2px;
742729
}
743730

731+
@media only screen and (min-width: 577px) {
732+
#gtoc > ul > li {
733+
display: inline;
734+
border-right: 1px currentColor solid;
735+
margin-right: .4rem;
736+
padding-right: .4rem;
737+
}
738+
739+
#gtoc > ul > li:last-child {
740+
border-right: none;
741+
margin-right: 0;
742+
padding-right: 0;
743+
}
744+
}
745+
744746
@media only screen and (max-width: 1024px) {
745747
#content {
746748
overflow: visible;

0 commit comments

Comments
 (0)