(css) Fix language select menu of login page

This commit is contained in:
Francis Lachapelle 2015-12-08 14:11:36 -05:00
parent 375cccacc2
commit 8d115733c3
2 changed files with 15 additions and 12 deletions

View file

@ -16,12 +16,12 @@
SHOULD be a main tag (with role="main") SHOULD be a main tag (with role="main")
--> -->
<main class="view layout-fill layout-padding md-default-theme md-background md-hue-1 md-bg" <main class="view layout-fill layout-padding md-default-theme md-background md-hue-1 md-bg"
ui-view="login"
layout="row" layout-align="center start" layout="row" layout-align="center start"
ui-view="login"
ng-controller="LoginController as app"> ng-controller="LoginController as app">
<md-content class="ng-cloak md-whiteframe-z1" <md-content class="ng-cloak md-whiteframe-z1"
layout="row" layout-align="center center" layout-gt-sm="row" layout-align-gt-sm="start start"
layout-xs="column" layout-align-xs="space-between center" layout="column" layout-align="space-between center"
md-scroll-y="true" md-scroll-y="true"
ng-show="app.showLogin"> ng-show="app.showLogin">
<div id="logo" class="md-padding"> <div id="logo" class="md-padding">
@ -50,7 +50,7 @@
<!-- CONNECT BUTTON --> <!-- CONNECT BUTTON -->
<div layout="row" layout-align="end center"> <div layout="row" layout-align="end center">
<md-button class="md-primary md-hue-1" type="submit" ng-disabled='app.loginForm.$invalid'> <md-button class="md-raised md-accent md-hue-2" type="submit" ng-disabled='app.loginForm.$invalid'>
<var:string label:value="Connect"/> <var:string label:value="Connect"/>
</md-button> </md-button>
</div> </div>
@ -58,13 +58,16 @@
<!-- LANGUAGES SELECT --> <!-- LANGUAGES SELECT -->
<div layout="row" layout-align="start end"> <div layout="row" layout-align="start end">
<md-icon>language</md-icon> <md-icon>language</md-icon>
<md-select flex="true" ng-model="app.creds.language" label:placeholder="choose"> <md-input-container>
<var:foreach list="languages" item="item"> <label><var:string label:value="choose"/></label>
<md-option var:value="item"> <md-select flex="true" ng-model="app.creds.language">
<var:string value="languageText"/> <var:foreach list="languages" item="item">
</md-option> <md-option var:value="item">
</var:foreach> <var:string value="languageText"/>
</md-option>
</var:foreach>
</md-select> </md-select>
</md-input-container>
</div> </div>
<!-- DOMAINS SELECT --> <!-- DOMAINS SELECT -->

View file

@ -3,7 +3,7 @@
[ui-view="login"] { [ui-view="login"] {
md-content { md-content {
padding: 0; padding: 0;
@include to(xs) { @include to(sm) {
[id=logo] { [id=logo] {
text-align: center; text-align: center;
img { img {
@ -24,7 +24,7 @@
} }
[id=logo], .sg-login { [id=logo], .sg-login {
opacity: 1; opacity: 1;
transform: translateX(0%); //transform: translateX(0%);
} }
[id=logo] { [id=logo] {
transition: transform $swift-ease-out-duration $swift-ease-out-timing-function 600ms, transition: transform $swift-ease-out-duration $swift-ease-out-timing-function 600ms,