Use new dropdown arrow for language selector

pull/21833/head
J. Ryan Stinnett 2019-01-23 10:14:45 -06:00
parent 05254f0e82
commit 523d910c66
2 changed files with 26 additions and 0 deletions

View File

@ -24,3 +24,23 @@ limitations under the License.
font-weight: 600;
color: $authpage-lang-color;
}
/* TODO: Consider using this new arrow for all dropdowns */
.mx_Auth_language .mx_Dropdown_arrow {
width: 10px;
height: 6px;
border: none;
right: 6px;
}
.mx_Auth_language .mx_Dropdown_arrow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
mask: url('$(res)/img/feather-icons/dropdown-arrow.svg');
mask-repeat: no-repeat;
background: $authpage-lang-color;
}

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6">
<g fill="none" fill-rule="evenodd" stroke="#4e5054" stroke-linecap="round" stroke-width="1.3" transform="translate(1 1)">
<path d="m.5.5 3.85868526 3.25422271"/>
<path d="m8.13193273.56042139-3.77324747 3.19380132"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 335 B