Fix appearance of message list in public share authentication page

"guest.scss" in server sets the "width" and "margin-top" properties of
".wrapper" elements to position the main content of the public share
authentication page. However, as the selector used in the rule is too
broad it is also applied to the internal wrapper of the virtual list, so
the properties need to be reset in that case.

Besides that, the padding of the message list is ignored when using the
virtual list, so that padding needs to be applied through the "left" and
"right" properties of the internal wrapper of the virtual list.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
This commit is contained in:
Daniel Calviño Sánchez 2018-11-27 11:22:05 +01:00
Родитель dd9f31b4bb
Коммит 7d8a80279e
1 изменённых файлов: 14 добавлений и 0 удалений

Просмотреть файл

@ -201,6 +201,20 @@ input#request-password-button:disabled ~ .icon {
padding-right: 15px;
}
#talk-sidebar #commentsTabView .comments .wrapper-background,
#talk-sidebar #commentsTabView .comments .wrapper {
/* Padding is not respected in the comment wrapper due to its absolute
* positioning, so it must be set through its position. */
left: 15px;
right: 15px;
}
#talk-sidebar #commentsTabView .comments .wrapper {
/* Reset the rules set for ".wrapper" elements by "guest.scss" in server, as
* they affect too the virtual list wrapper when they should not. */
width: auto;
margin-top: 0;
}
/* Unset conflicting rules from guest.css for the sidebar */