Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

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 */