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

Fix position of the message action bar on left side bubbles (#8398)

Browse source 
* Fix position of the message action bar on data-self=false bubble

- Fix position of the bar on GenericEventListSummary as well
- Override default value `right: 8px` of MessageActionBar

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use variables for MessageActionBar

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Set the right property to [data-self=true]

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove space for "React" and "Reply" buttons inside MessageActionBar on the left side bubble inside ThreadView

This commit removes space reserved for those buttons on deleted or "Unable to decrypt" message bubble inside ThreadView.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-05-16 15:44:05 +00:00 • committed by GitHub
parent fcc4d62ede
commit 6f851108be
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

9
res/css/views/messages/_MessageActionBar.scss
View file

@ -16,11 +16,14 @@ limitations under the License.
*/
.mx_MessageActionBar {
--MessageActionBar-size-button: 28px;
--MessageActionBar-size-box: 32px; // 28px + 2px (margin) * 2
position: absolute;
visibility: hidden;
cursor: pointer;
display: flex;
height: 32px;
height: var(--MessageActionBar-size-box);
line-height: $font-24px;
border-radius: 8px;
background: $background;
@ -64,8 +67,8 @@ limitations under the License.
}
.mx_MessageActionBar_maskButton {
width: 28px;
height: 28px;
width: var(--MessageActionBar-size-button);
height: var(--MessageActionBar-size-button);
&:disabled,
&[disabled] {