PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Tweak language selector to match design

Browse source
This commit is contained in:
J. Ryan Stinnett 2019-01-23 09:57:31 -06:00
parent f9793fa567
commit 05254f0e82
7 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
res/css/_components.scss
View file

@ -23,6 +23,7 @@
@import "./structures/_UploadBar.scss";
@import "./structures/_UserSettings.scss";
@import "./structures/_ViewSource.scss";
@import "./structures/auth/_LanguageSelector.scss";
@import "./structures/auth/_Login.scss";
@import "./views/auth/_AuthBody.scss";
@import "./views/auth/_AuthButtons.scss";

13
res/css/structures/auth/_LanguageSelector.scss
View file

@ -15,13 +15,12 @@ limitations under the License.
*/
.mx_Auth_language {
margin-left: auto;
margin-right: auto;
min-width: 60%;
width: 100%;
}
.mx_Auth_language_div {
display: flex;
margin-top: 12px;
margin-bottom: 12px;
.mx_Auth_language .mx_Dropdown_input {
border: none;
font-size: 14px;
font-weight: 600;
color: $authpage-lang-color;
}

2
res/css/views/auth/_AuthHeader.scss
View file

@ -15,6 +15,8 @@ limitations under the License.
*/
.mx_AuthHeader {
display: flex;
flex-direction: column;
width: 206px;
padding: 25px 50px;
box-sizing: border-box;

1
res/css/views/auth/_AuthHeaderLogo.scss
View file

@ -16,6 +16,7 @@ limitations under the License.
.mx_AuthHeaderLogo {
margin-top: 15px;
flex: 1;
}
.mx_AuthHeaderLogo img {

1
res/themes/dharma/css/_dharma.scss
View file

@ -216,6 +216,7 @@ $memberstatus-placeholder-color: $roomtile-name-color;
$authpage-bg-color: #2e3649;
$authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
$authpage-body-bg-color: #ffffff;
$authpage-lang-color: #4e5054;
/*** form elements ***/

1
res/themes/light/css/_base.scss
View file

@ -212,6 +212,7 @@ $memberstatus-placeholder-color: $roomtile-name-color;
$authpage-bg-color: #2e3649;
$authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
$authpage-body-bg-color: #ffffff;
$authpage-lang-color: #4e5054;
// ***** Mixins! *****

7
src/components/structures/auth/LanguageSelector.js
View file

@ -32,7 +32,8 @@ export default function LanguageSelector() {
if (SdkConfig.get()['disable_login_language_selector']) return <div />;
const LanguageDropdown = sdk.getComponent('views.elements.LanguageDropdown');
return <div className="mx_Auth_language_div">
<LanguageDropdown onOptionChange={onChange} className="mx_Auth_language" value={getCurrentLanguage()} />
</div>;
return <LanguageDropdown className="mx_Auth_language"
onOptionChange={onChange}
value={getCurrentLanguage()}
/>;
}