mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-23 09:46:09 +03:00
Code Issues Projects Releases Packages Wiki Activity

Squeeze country dropdowns to match design

Browse source
This commit is contained in:
J. Ryan Stinnett 2019-01-29 16:53:31 -06:00
parent 16b4f8fb6d
commit 01d28bc137
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
res/css/structures/auth/_Login.scss
View file

@ -118,7 +118,6 @@ limitations under the License.
.mx_Login_phoneCountry { .mx_Login_phoneCountry {
margin-bottom: 14px; margin-bottom: 14px;
width: 150px;
/* To override mx_Login_field_prefix */ /* To override mx_Login_field_prefix */
text-align: left; text-align: left;

8
res/css/views/auth/_CountryDropdown.scss
View file

@ -14,6 +14,14 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_CountryDropdown .mx_Dropdown_input .mx_Dropdown_option {
padding: 0 3px;
}
.mx_CountryDropdown .mx_Dropdown_arrow {
padding-right: 3px;
}
.mx_CountryDropdown_shortOption { .mx_CountryDropdown_shortOption {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;

2
src/components/views/auth/CountryDropdown.js
View file

@ -121,7 +121,7 @@ export default class CountryDropdown extends React.Component {
// values between mounting and the initial value propgating // values between mounting and the initial value propgating
const value = this.props.value || COUNTRIES[0].iso2; const value = this.props.value || COUNTRIES[0].iso2;
return <Dropdown className={this.props.className} return <Dropdown className={this.props.className + " mx_CountryDropdown"}
onOptionChange={this._onOptionChange} onSearchChange={this._onSearchChange} onOptionChange={this._onOptionChange} onSearchChange={this._onSearchChange}
menuWidth={298} getShortOption={this._getShortOption} menuWidth={298} getShortOption={this._getShortOption}
value={value} searchEnabled={true} disabled={this.props.disabled} value={value} searchEnabled={true} disabled={this.props.disabled}