Remove mx_EventTile:not([data-layout="bubble"])
selector (#9033)
* Move declarations out of `mx_EventTile:not([data-layout=bubble])` merging style rules on _EventBubbleTile.scss Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove an obsolete `!important` flag from `&.mx_EventTile_continuation` Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove `clear: unset` declaration from EventTile on bubble layout While mx_EventTile:not([data-layout="bubble"]) suggests that "clear: both" would not be applied to the bubble layout, the value "both" has been in fact luckily applied thanks to "mx_RoomView_MessageList li" on _RoomView.pcss, imported later than _EventTile.pcss. Since "clear: both" is declared for mx_EventTile, this declaration is no longer needed here. Though the value of that declaration of mx_EventTile on the timeline (including ThreadView) seems to have been overridden by "mx_RoomView_MessageList li" for all layouts, it should not be removed yet until E2E tests which check visual regressions are implemented, in order to minimize the risk of a regression outside of the timeline. Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove `:not()` pseudo class from `_FilePanel.pcss` Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove `!important` flag from `_MessageEditHistoryDialog.pcss` Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Remove a comment about overriding Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Run prettier Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> --------- Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
This commit is contained in:
parent
f5d05f3284
commit
569ef31f9d
4 changed files with 106 additions and 114 deletions
|
@ -44,13 +44,6 @@ limitations under the License.
|
|||
--EventTile_bubble_line-margin-inline-end: -12px;
|
||||
--EventTile_bubble_gap-inline: 5px;
|
||||
|
||||
position: relative;
|
||||
/* Other half of the gutter is provided by margin-bottom on the last tile
|
||||
of the section */
|
||||
margin-top: calc(var(--gutterSize) / 2);
|
||||
margin-left: var(--EventTile_bubble-margin-inline-start);
|
||||
font-size: $font-14px;
|
||||
|
||||
.mx_MessageTimestamp {
|
||||
width: unset; /* Cancel the default width */
|
||||
max-width: var(--MessageTimestamp-max-width);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue