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

Fix baseline misalignment of thread panel summary by deduplication (#8413)

Browse source
This commit is contained in:
Michael Telatynski 2022-04-27 18:10:27 +01:00 • committed by GitHub
parent 5a5a792593
commit 8baa46b0dd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 147 additions and 143 deletions
Download patch file Download diff file Expand all files Collapse all files

28
res/css/views/right_panel/_ThreadPanel.scss
View file

@ -140,7 +140,7 @@ limitations under the License.
// Account for scrollbar when hovering
padding-top: 0;
.mx_ThreadInfo {
.mx_ThreadSummary {
position: relative;
padding-right: 11px;
@ -257,28 +257,14 @@ limitations under the License.
.mx_ThreadPanel_replies {
margin-top: 8px;
}
display: flex;
align-items: center;
position: relative;
.mx_ThreadPanel_repliesSummary {
&::before {
content: "";
mask-image: url('$(res)/img/element-icons/thread-summary.svg');
mask-position: center;
display: inline-block;
height: 18px;
min-width: 18px;
background-color: currentColor;
mask-repeat: no-repeat;
mask-size: contain;
margin-right: 8px;
vertical-align: middle;
.mx_ThreadSummary_threads-amount {
color: $secondary-content;
font-size: $font-12px;
}
color: $secondary-content;
font-weight: 600;
float: left;
margin-right: 12px;
font-size: $font-12px;
}
.mx_ThreadPanel_viewInRoom::before {

2
res/css/views/right_panel/_TimelineCard.scss
View file

@ -69,7 +69,7 @@ limitations under the License.
margin-right: 8px;
}
.mx_ThreadInfo {
.mx_ThreadSummary {
margin-left: 36px;
margin-right: 0;
max-width: min(calc(100% - 36px), 600px);