Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Improve look of call events in bubble layout #7445

Merged
merged 6 commits into from
Jan 11, 2022
Merged

Improve look of call events in bubble layout #7445

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
7d8b53c
Center call tiles in bubble layout
SimonBrandner Dec 23, 2021
8faec64
Color call events by sender
SimonBrandner Dec 23, 2021
535d0bd
Fix timestamp position in bubble messages
SimonBrandner Dec 23, 2021
109a664
Merge remote-tracking branch 'upstream/develop' into feature/bubble-c…
SimonBrandner Dec 23, 2021
6ec3ac8
Merge remote-tracking branch 'upstream/develop' into feature/bubble-c…
SimonBrandner Jan 11, 2022
388313b
Update the look of bubble call tiles
SimonBrandner Jan 11, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 13 additions & 1 deletion res/css/views/rooms/_EventBubbleTile.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,6 +100,14 @@ limitations under the License.
padding-right: 48px;
}

.mx_CallEvent {
background-color: unset;

border-style: solid;
border-width: 1px;
border-color: $quinary-content;
}

&[data-self=false] {
.mx_EventTile_line {
border-bottom-right-radius: var(--cornerRadius);
Expand Down Expand Up @@ -323,6 +331,10 @@ limitations under the License.
.mx_MTextBody {
max-width: 100%;
}

.mx_CallEvent_wrapper {
justify-content: center;
}
}

.mx_EventTile.mx_EventTile_noBubble[data-layout=bubble] {
Expand Down Expand Up @@ -362,7 +374,7 @@ limitations under the License.
// Align timestamps with those of normal bubble tiles
right: auto;
top: -11px;
left: -95px;
left: -77px;
}
}

Expand Down