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/_UploadBar.scss";
@import "./structures/_UserSettings.scss"; @import "./structures/_UserSettings.scss";
@import "./structures/_ViewSource.scss"; @import "./structures/_ViewSource.scss";
@import "./structures/auth/_LanguageSelector.scss";
@import "./structures/auth/_Login.scss"; @import "./structures/auth/_Login.scss";
@import "./views/auth/_AuthBody.scss"; @import "./views/auth/_AuthBody.scss";
@import "./views/auth/_AuthButtons.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 { .mx_Auth_language {
margin-left: auto; width: 100%;
margin-right: auto;
min-width: 60%;
} }
.mx_Auth_language_div { .mx_Auth_language .mx_Dropdown_input {
display: flex; border: none;
margin-top: 12px; font-size: 14px;
margin-bottom: 12px; 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 { .mx_AuthHeader {
display: flex;
flex-direction: column;
width: 206px; width: 206px;
padding: 25px 50px; padding: 25px 50px;
box-sizing: border-box; box-sizing: border-box;

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

@ -16,6 +16,7 @@ limitations under the License.
.mx_AuthHeaderLogo { .mx_AuthHeaderLogo {
margin-top: 15px; margin-top: 15px;
flex: 1;
} }
.mx_AuthHeaderLogo img { .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-bg-color: #2e3649;
$authpage-modal-bg-color: rgba(255, 255, 255, 0.59); $authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
$authpage-body-bg-color: #ffffff; $authpage-body-bg-color: #ffffff;
$authpage-lang-color: #4e5054;
/*** form elements ***/ /*** 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-bg-color: #2e3649;
$authpage-modal-bg-color: rgba(255, 255, 255, 0.59); $authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
$authpage-body-bg-color: #ffffff; $authpage-body-bg-color: #ffffff;
$authpage-lang-color: #4e5054;
// ***** Mixins! ***** // ***** 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 />; if (SdkConfig.get()['disable_login_language_selector']) return <div />;
const LanguageDropdown = sdk.getComponent('views.elements.LanguageDropdown'); const LanguageDropdown = sdk.getComponent('views.elements.LanguageDropdown');
return <div className="mx_Auth_language_div"> return <LanguageDropdown className="mx_Auth_language"
<LanguageDropdown onOptionChange={onChange} className="mx_Auth_language" value={getCurrentLanguage()} /> onOptionChange={onChange}
</div>; value={getCurrentLanguage()}
/>;
} }