mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

Tweaked the tooltip to be better aligned. Also added the fading of the room name if too long

Browse source
This commit is contained in:
wmwragg 2016-07-22 14:59:02 +01:00
parent ce5311191f
commit 72b4a86eed
3 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
View file

@ -35,10 +35,12 @@ limitations under the License.
.mx_RoomTile_name {
display: inline-block;
position: relative;
width: 100px;
vertical-align: middle;
overflow: hidden;
word-break: break-word;
/* word-break: break-word; */
white-space: nowrap;
padding-left: 5px;
padding-right: 15px;
padding-top: 2px;
@ -46,6 +48,17 @@ limitations under the License.
color: rgba(69, 69, 69, 0.8);
}
.mx_RoomTile_name:before {
content:'';
width:100px;
height:22px;
top: 0px;
left: 0px;
position:absolute;
padding-left: 20px;
background:linear-gradient(to right, rgba(234,245,240,0) 80%, #eaf5f0 99%);
}
.mx_RoomTile_ellipsis .mx_RoomTile_name {
font-style: italic;
color: #454545;