blob: 2edf889160f3d5508ea25cdac830f8151c9ff5a1 [file] [log] [blame]
avm999633eae4522021-04-22 01:14:27 +02001.TWPT-avatars {
2 display: flex;
Adrià Vilanova Martínezd5ff50d2021-07-25 13:21:42 +02003 flex-direction: row;
4 min-width: 108px;
avm999633eae4522021-04-22 01:14:27 +02005 overflow-x: hidden;
Adrià Vilanova Martínez7b4d42c2021-07-25 14:25:05 +02006 margin-inline-start: 14px;
avm999633eae4522021-04-22 01:14:27 +02007}
8
Adrià Vilanova Martínez87110e92021-08-11 19:23:16 +02009.TWPT-avatars .TWPT-avatar,
10 .TWPT-avatars .TWPT-avatar-private-placeholder {
avm999633eae4522021-04-22 01:14:27 +020011 height: 28px;
12 width: 28px;
13 align-self: center;
14 border-width: 0;
15 border-radius: 50%;
Adrià Vilanova Martínez7b4d42c2021-07-25 14:25:05 +020016 margin-inline-start: 6px;
Adrià Vilanova Martínez87110e92021-08-11 19:23:16 +020017}
18
19.TWPT-avatars .TWPT-avatar {
avm999633eae4522021-04-22 01:14:27 +020020 background-color: white;
21 background-position: center;
22 background-size: contain;
23 background-repeat: no-repeat;
24}
25
Adrià Vilanova Martínez87110e92021-08-11 19:23:16 +020026.TWPT-avatars .TWPT-avatar-private-placeholder {
27 line-height: 28px;
28 text-align: center;
29 color: #35363a;
30 background-color: #dadce0;
31 font-size: 20px;
32 font-family: 'Google Material Icons';
avm99963cb552482021-08-22 18:42:35 +020033 cursor: help;
Adrià Vilanova Martínez87110e92021-08-11 19:23:16 +020034}
35
avm999633eae4522021-04-22 01:14:27 +020036/*
37 * Changing styles of existing elements so the avatars fit.
38 */
39ec-thread-summary .main-header .panel-description a.header .header-content {
Adrià Vilanova Martínezd5ff50d2021-07-25 13:21:42 +020040 width: calc(100% - 218px);
avm999633eae4522021-04-22 01:14:27 +020041}