mirror of
https://github.com/nextcloud/spreed.git
synced 2025-07-21 10:37:10 +00:00
98c30fec67
The content now has a fixed position to be always centered in the page. However, in order to add the Talk sidebar the content in the public share authentication page needs to be "pushed" to the left when the sidebar is added, so the content position needs to have a relative position instead (which also keeps the same appearance of the fixed position when the Talk sidebar is not shown yet). Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
/* Special layout to include the Talk sidebar */
|
|
|
|
/* The original style of the body is kept until the layout has been adjusted to
|
|
* include the Talk sidebar. If only "#body-login" was used, immediately after
|
|
* load and before the sidebar was injected the original elements would be using
|
|
* 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.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.talk-sidebar-enabled #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. */
|
|
#body-login #content {
|
|
position: relative;
|
|
|
|
flex-grow: 1;
|
|
|
|
flex-direction: column;
|
|
align-items: center;
|
|
|
|
height: auto;
|
|
|
|
overflow-x: hidden;
|
|
|
|
/* Override "padding-top: 50px" set in server. */
|
|
padding-top: 0;
|
|
}
|