imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

event list summary alignment in bubble layout

Browse source
This commit is contained in:
Germain Souquet 2021-07-01 14:56:34 +01:00
parent 223b40c9d6
commit d90d1ca8db
1 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
res/css/views/rooms/_EventBubbleTile.scss
View file

@ -14,11 +14,15 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_EventTile[data-layout=bubble] { .mx_EventTile[data-layout=bubble],
.mx_EventTile[data-layout=bubble] ~ .mx_EventListSummary {
--avatarSize: 32px; --avatarSize: 32px;
--gutterSize: 7px; --gutterSize: 7px;
--cornerRadius: 12px; --cornerRadius: 12px;
--maxWidth: 70%; --maxWidth: 70%;
}
.mx_EventTile[data-layout=bubble] {
position: relative; position: relative;
margin-top: var(--gutterSize); margin-top: var(--gutterSize);
@ -146,15 +150,22 @@ limitations under the License.
.mx_EventTile_avatar { .mx_EventTile_avatar {
position: static; position: static;
order: -1; order: -1;
margin-right: 5px;
} }
} }
& ~ .mx_EventListSummary { & ~ .mx_EventListSummary {
--maxWidth: 95%; --maxWidth: 80%;
margin-left: calc(var(--avatarSize) + var(--gutterSize));
margin-right: calc(var(--gutterSize) + var(--avatarSize));
.mx_EventListSummary_toggle { .mx_EventListSummary_toggle {
float: none; float: none;
margin: 0; margin: 0;
order: 9; order: 9;
margin-left: 5px;
}
.mx_EventListSummary_avatars {
padding-top: 0;
} }
} }