diff options
author | Bernardo Anderson <bernardodsanderson@gmail.com> | 2016-10-22 22:51:59 +0300 |
---|---|---|
committer | Bernardo Anderson <bernardodsanderson@gmail.com> | 2016-10-22 22:51:59 +0300 |
commit | 85062dfd258179021205ff9a22aa3a9d089de40b (patch) | |
tree | 90300e479f8f83d3fa7363c807c690c0d9884033 /app/assets/stylesheets/pages/login.scss | |
parent | 2eb452402f6d9ac7dc6a5b083dab824fa9767c4d (diff) | |
parent | a98ad03ba18da0b1534f36dafafa9a1c644d0bf1 (diff) |
Merge branch 'master' into sign_in_forgot_password
Diffstat (limited to 'app/assets/stylesheets/pages/login.scss')
-rw-r--r-- | app/assets/stylesheets/pages/login.scss | 34 |
1 files changed, 33 insertions, 1 deletions
diff --git a/app/assets/stylesheets/pages/login.scss b/app/assets/stylesheets/pages/login.scss index 02c4bbf3710..8dac6ab999e 100644 --- a/app/assets/stylesheets/pages/login.scss +++ b/app/assets/stylesheets/pages/login.scss @@ -143,6 +143,7 @@ &:not(.active) { background-color: $gray-light; + border-left: 1px solid $border-color; } a { @@ -170,6 +171,31 @@ } } + // Ldap configurations may need more tabs & the tab labels are user generated (arbitrarily long). + // These styles prevent this from breaking the layout, and only applied when providers are configured. + + .new-session-tabs.custom-provider-tabs { + flex-wrap: wrap; + + li { + min-width: 85px; + flex-basis: auto; + + // This styles tab elements that have wrapped to a second line. We cannot easily predict when this will happen. + // We are making somewhat of an assumption about the configuration here: that users do not have more than + // 3 LDAP servers configured (in addition to standard login) and they are not using especially long names for any + // of them. If either condition is false, this will work as expected. If both are true, there may be a missing border + // above one of the bottom row elements. If you know a better way, please implement it! + &:nth-child(n+5) { + border-top: 1px solid $border-color; + } + } + + a { + font-size: 16px; + } + } + .form-control { &:active, &:focus { @@ -203,6 +229,7 @@ .login-page { .col-sm-5.pull-right { float: none !important; + margin-bottom: 45px; } } } @@ -244,7 +271,11 @@ } .navless-container { - padding: 65px; // height of footer + bottom padding of email confirmation link + padding: 65px 15px; // height of footer + bottom padding of email confirmation link + + @media (max-width: $screen-xs-max) { + padding: 0 15px 65px; + } } } @@ -270,3 +301,4 @@ bottom: 0; } } + |