diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2020-01-16 15:47:14 +0300 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2020-01-16 16:50:49 +0300 |
commit | 2663cd08077209e0571bb8d703cbeae32784b82c (patch) | |
tree | 43b098b22bacce04dc4f417030e6ede802970253 /css | |
parent | 587eaad86e2d5e9d6dacad63baceb06ae207ef09 (diff) |
Fix autocompletion of mentions in public share auth page
The autocompletion panel is reparented to the body element and placed
using an absolute position. However, as the body element used a flex
layout the absolute position of the panel was ignored. Therefore now all
the body elements are wrapped in another div element, which becomes the
flex element and acts like the body element, so the real body element is
no longer flex and reparenting the autocompletion panel to it then works
as expected.
Besides that the CSS for the autocompletion panel were not included in
public share auth pages.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/merged-share-auth.scss | 1 | ||||
-rw-r--r-- | css/publicshareauth.scss | 26 |
2 files changed, 24 insertions, 3 deletions
diff --git a/css/merged-share-auth.scss b/css/merged-share-auth.scss index 5b7b1151e..dd134c5ec 100644 --- a/css/merged-share-auth.scss +++ b/css/merged-share-auth.scss @@ -1,2 +1,3 @@ +@import 'At.scss'; @import 'icons.scss'; @import 'publicshareauth.scss' diff --git a/css/publicshareauth.scss b/css/publicshareauth.scss index f685c9824..685c81776 100644 --- a/css/publicshareauth.scss +++ b/css/publicshareauth.scss @@ -5,9 +5,29 @@ * the style for the adjusted layout, which is not the proper one for them, and * this would cause the elements to "jump" to their final position once the * layout was adjusted. */ -#body-login.talk-sidebar-enabled { - flex-direction: row; - align-items: stretch; +body.talk-sidebar-enabled { + /* Move rules set for body by guest.scss to the wrapped body. */ + display: unset; + flex-direction: unset; + justify-content: unset; + align-items: unset; + + #body-login { + display: flex; + justify-content: center; + + background-position: 50% 50%; + background-repeat: repeat; + background-size: 275px, contain; + background-attachment: fixed; + + width: 100%; + height: 100%; + + /* Changed from guest.scss. */ + flex-direction: row; + align-items: stretch; + } } /* #body-login should be used to override the #content rules set in server. */ |