From 36b08fece745d90782402b3f8445a980d7f9d071 Mon Sep 17 00:00:00 2001 From: Luke Barnard Date: Thu, 9 Feb 2017 15:17:03 +0000 Subject: [PATCH] Float the toggle in the top right of MELS This is so that it stays put when the MELS is toggled. Added style for a line that appears below "collapse" to indicate start of events. Not possible to put "collapse" next to the expanded events because of read receipts. --- .../views/elements/_MemberEventListSummary.scss | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss index 7d1b059b..18588659 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss +++ b/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss @@ -14,6 +14,10 @@ See the License for the specific language governing permissions and limitations under the License. */ +.mx_MemberEventListSummary { + position: relative; +} + .mx_TextualEvent.mx_MemberEventListSummary_summary { font-size: 14px; } @@ -31,6 +35,15 @@ limitations under the License. } .mx_MemberEventListSummary_toggle { - color:$accent-color; - cursor:pointer; + color: $accent-color; + cursor: pointer; + float: right; + margin-right: 10px; + margin-top: 8px; +} + +.mx_MemberEventListSummary_line { + border-bottom: 1px solid $primary-hairline-color; + margin-left: 63px; + line-height: 30px; }