Skip to content

Commit 9cefc62

Browse files
committed
Added media for hiding/showing language name in mobile devices
1 parent c243c1d commit 9cefc62

File tree

2 files changed

+12
-1
lines changed

2 files changed

+12
-1
lines changed

assets/api-language-selector.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/less/parts/langswitcher.less

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,17 @@
11
.book-header {
22
& .language-picker {
3+
& a.btn.toggle-dropdown {
4+
@media only screen and (min-device-width : 320px)
5+
and (max-device-width : 568px) and (orientation : portrait) {
6+
max-width: 90px;
7+
overflow: hidden;
8+
}
9+
}
10+
311
& .active-name {
412
margin-left: 5px;
513
}
14+
615
& .language-picker-grid {
716
background-color:inherit;
817
border: inherit;
@@ -15,6 +24,7 @@
1524
.language-picker-cell {
1625
padding: 0;
1726
}
27+
1828
.language-picker-btn {
1929
display: block;
2030
height: 30px;
@@ -23,6 +33,7 @@
2333
vertical-align: middle;
2434
width: 100px;
2535
}
36+
2637
.language-picker-cell, .language-picker-btn {
2738
cursor: pointer;
2839

0 commit comments

Comments
 (0)