Skip to content

Commit 9d85866

Browse files
authored
Fix language selector alignment (#3306)
* Adjust language icon and caret in menu-bar * remove unused style from `language-selector.css`
1 parent 03b440b commit 9d85866

File tree

2 files changed

+6
-5
lines changed

2 files changed

+6
-5
lines changed

src/components/language-selector/language-selector.css

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,6 @@
11
@import "../../css/colors.css";
22
@import "../../css/units.css";
33

4-
.language-icon {
5-
height: 1.5rem;
6-
}
7-
84
/* Position the language select over the language icon, and make it transparent */
95
.language-select {
106
position: absolute;

src/components/menu-bar/menu-bar.css

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,10 +47,11 @@
4747

4848
.language-icon {
4949
height: 1.5rem;
50+
vertical-align: middle;
5051
}
5152

5253
.language-caret {
53-
margin-bottom: .625rem;
54+
margin: 0 .125rem;
5455
}
5556

5657
.language-menu {
@@ -100,6 +101,10 @@
100101
padding: 0 0.75rem;
101102
}
102103

104+
.menu-bar-item.language-menu {
105+
padding: 0 0.5rem;
106+
}
107+
103108
.menu-bar-menu {
104109
margin-top: $menu-bar-height;
105110
z-index: $z-index-menu-bar;

0 commit comments

Comments
 (0)