diff --git a/core/client/assets/sass/layouts/auth.scss b/core/client/assets/sass/layouts/auth.scss index 44c9ea300e..05d43b8000 100644 --- a/core/client/assets/sass/layouts/auth.scss +++ b/core/client/assets/sass/layouts/auth.scss @@ -55,7 +55,7 @@ 1. Login ============================================================================= */ -#login { +.login-form { @include box-sizing(border-box); max-width: 530px; color: lighten($midgrey, 15%); @@ -182,7 +182,7 @@ 2. Signup and Reset ============================================================================= */ -#signup, #reset { +.signup-form, .reset-form { @include box-sizing(border-box); max-width: 280px; color: lighten($midgrey, 15%); @@ -270,7 +270,7 @@ 3. Forgotten ============================================================================= */ -#forgotten { +.forgotten-form { @include box-sizing(border-box); max-width: 280px; color: lighten($midgrey, 15%); diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss index a22cad9fe8..9b1984acc0 100644 --- a/core/client/assets/sass/layouts/editor.scss +++ b/core/client/assets/sass/layouts/editor.scss @@ -18,7 +18,7 @@ .editor { - #notifications { + .notifications { @include breakpoint($biggerthan-mobile) { bottom: 40px; } @@ -376,7 +376,7 @@ body.zen { background: lighten($lightbrown, 3%); - #usermenu {display: none;} + .usermenu {display: none;} #global-header, #publish-bar { opacity: 0; height: 0; diff --git a/core/client/assets/sass/modules/global.scss b/core/client/assets/sass/modules/global.scss index ac5a8f4f84..0db58341f4 100644 --- a/core/client/assets/sass/modules/global.scss +++ b/core/client/assets/sass/modules/global.scss @@ -540,7 +540,7 @@ nav { }//.navbar // The user menu in the top right corner of the screen -#usermenu { +.usermenu.subnav { position:absolute; top:0; right:0; @@ -636,7 +636,7 @@ nav { } - #usermenu { + .usermenu { position:fixed; top:0; right:auto; @@ -928,7 +928,7 @@ nav { Notifications ========================================================================== */ -#notifications { +.notifications { @include breakpoint($biggerthan-mobile) { position: absolute; bottom: 0; @@ -1028,6 +1028,12 @@ nav { background: $blue; } +// Hide extra space taken up by update notification +.update-available main { + bottom: 56px; +} + + /* ========================================================================== Modals ========================================================================== */ diff --git a/core/client/tpl/forgotten.hbs b/core/client/tpl/forgotten.hbs index 27f226c6bc..64f1508199 100644 --- a/core/client/tpl/forgotten.hbs +++ b/core/client/tpl/forgotten.hbs @@ -1,4 +1,4 @@ -