PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Initial pass at the /me and action messages, without name highlighting, and missing avatar for continuation messages after a /me or action message

Browse source
This commit is contained in:
wmwragg 2016-08-18 21:54:07 +01:00
parent 67175c5a72
commit 29759ca71e
1 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/skins/vector/css/matrix-react-sdk/views/rooms/EventTile.css
View file

@ -20,7 +20,10 @@ limitations under the License.
padding-top: 24px; padding-top: 24px;
font-size: 14px; font-size: 14px;
position: relative; position: relative;
line-height: 1.4; }
.mx_EventTile.mx_EventTile_info {
padding-top: 0px;
} }
.mx_EventTile_avatar { .mx_EventTile_avatar {
@ -31,6 +34,11 @@ limitations under the License.
z-index: 2; z-index: 2;
} }
.mx_EventTile_info .mx_EventTile_avatar {
top: 8px;
left: 44px;
}
.mx_EventTile_continuation { .mx_EventTile_continuation {
padding-top: 0px ! important; padding-top: 0px ! important;
} }
@ -46,11 +54,9 @@ limitations under the License.
.mx_EventTile .mx_SenderProfile { .mx_EventTile .mx_SenderProfile {
color: #454545; color: #454545;
opacity: 0.5; opacity: 0.5;
display: inline-block;
font-size: 14px; font-size: 14px;
overflow-y: hidden; overflow-y: hidden;
cursor: pointer; cursor: pointer;
line-height: 16px;
padding-left: 65px; /* left gutter */ padding-left: 65px; /* left gutter */
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 0px; padding-top: 0px;
@ -64,7 +70,6 @@ limitations under the License.
color: #acacac; color: #acacac;
font-size: 11px; font-size: 11px;
left: 8px; left: 8px;
top: 8px;
position: absolute; position: absolute;
} }
@ -73,9 +78,19 @@ limitations under the License.
/* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */ /* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */
margin-right: 110px; margin-right: 110px;
padding-left: 65px; /* left gutter */ padding-left: 65px; /* left gutter */
/*
padding-top: 5px; padding-top: 5px;
padding-bottom: 7px; padding-bottom: 7px;
*/
border-radius: 4px; border-radius: 4px;
line-height: 30px;
}
.mx_EventTile_info .mx_EventTile_contentContainer {
display: inline-block;
margin: 0;
padding: 0;
border: 0;
} }
/* HACK to override line-height which is already marked important elsewhere */ /* HACK to override line-height which is already marked important elsewhere */