element-web/res/css/views/elements/_GenericEventListSummary.pcss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

135 lines
3.4 KiB
Text
Raw Normal View History

/*
Copyright 2016 OpenMarket Ltd
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_GenericEventListSummary {
position: relative;
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
.mx_GenericEventListSummary_avatars {
margin-right: $spacing-8;
}
.mx_GenericEventListSummary_spacer {
border-bottom: 1px solid $primary-hairline-color;
margin-left: 63px;
line-height: $font-30px; /* TODO: Use a variable */
.mx_IRCLayout & {
line-height: var(--line-height);
}
}
&[data-layout="irc"],
&[data-layout="group"] {
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
.mx_GenericEventListSummary_toggle {
float: right;
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
margin-inline: 0 10px;
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
}
}
&[data-layout="group"] {
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
margin-top: $spacing-8;
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
}
&[data-layout="bubble"] {
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
--maxWidth: 70%;
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
display: flex;
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
margin-left: calc(var(--avatarSize) + var(--gutterSize));
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
.mx_GenericEventListSummary_toggle {
margin-block: 0;
&[aria-expanded="false"] {
order: 9; /* TODO: Remove */
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
}
&[aria-expanded="true"] {
margin-inline-start: auto; /* reduce clickable area */
margin-inline-end: var(--EventTile_bubble-margin-inline-end); /* as the parent has zero margin */
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
}
}
.mx_GenericEventListSummary_spacer {
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
display: none;
}
&[data-expanded="false"] {
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
align-items: center;
justify-content: space-between;
column-gap: 5px;
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
}
/* ideally we'd use display=contents here for the layout to all work regardless of the *ELS but */
/* that breaks ScrollPanel's reliance upon offsetTop so we have to have a bit more finesse. */
&[data-expanded="true"] {
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
flex-direction: column;
margin: 0;
}
&::after {
content: "";
clear: both;
}
&:hover {
&::before {
background: transparent;
}
}
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
}
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
.mx_MatrixChat_useCompactLayout & {
font-size: $font-13px;
margin-top: $spacing-4;
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
.mx_EventTile_line {
line-height: 1.25;
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
}
.mx_GenericEventListSummary_spacer {
line-height: 1.375;
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
}
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
.mx_TextualEvent.mx_GenericEventListSummary_summary {
font: var(--cpd-font-body-sm-regular);
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) * Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_toggle for ':not([data-layout=bubble])' Stop setting margin values as default ones Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * GenericEventListSummary_avatars for ':not([data-layout=bubble])' Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract flexbox declarations into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move declarations of '&[data-layout=bubble]' up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Extract background color into _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Merge style rules of background of EventTile_bad Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * de-nestify style rules Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Stop using :not() pseudo class Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-28 13:05:19 +00:00
}
}
/* Make all state events one order smaller than the other events */
.mx_EventTile {
font: var(--cpd-font-body-sm-regular);
}
}
2022-02-17 11:46:19 +00:00
.mx_GenericEventListSummary_unstyledList {
list-style: none;
padding: 0;
}
.mx_TextualEvent.mx_GenericEventListSummary_summary {
font: var(--cpd-font-body-sm-regular);
display: inline-flex;
}
.mx_GenericEventListSummary_avatars {
display: inline-block;
line-height: $font-12px;
Improve _GenericEventListSummary.scss (#9005) * Include mx_BaseAvatar Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include style blocks of mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * yarn run lint:style --fix Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top padding to avatars on group layout only Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration for bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set the same margin value to mx_GenericEventListSummary_avatars on every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove margin-top from mx_GenericEventListSummary_toggle on IRC layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove block margin from mx_GenericEventListSummary_toggle on both IRC layout and modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set spacing to mx_GenericEventListSummary instead of its child elements Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply the margin to every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Move general rules up Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply block margin to mx_GenericEventListSummary_toggle of every layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply top margin to modern layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Include mx_MatrixChat_useCompactLayout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Set top margin to mx_GenericEventListSummary insted of toggle Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a spacing variable Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a redundant declaration Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Add a comment Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Apply display flex as a default value Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 12:01:37 +00:00
.mx_BaseAvatar {
margin-right: -4px;
cursor: pointer;
}
}