/* 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 {
	flex-grow: 1;

	flex-direction: column;
	align-items: center;

	height: auto;

	overflow-x: hidden;

	/* Override "padding-top: 50px" set in server. */
	padding-top: 0;
}

/* 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;
}

Adjust public share authentication page to layout changes in NC25
Adjust public share authentication page to layout changes in NC25

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 <bd7629e975cc0e00ea7cda4ab6a120f2ee42ac1b@gmail.com>
