imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move power label to right of name

Browse source 
The power label is shown to the right of the name, but hidden on hover.

Part of https://github.com/vector-im/riot-web/issues/11940
This commit is contained in:
J. Ryan Stinnett 2020-01-30 22:04:47 +00:00
parent 5933bd15b1
commit 3ef7e5113b
3 changed files with 17 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
res/css/views/rooms/_EntityTile.scss
View file

@ -40,7 +40,7 @@ limitations under the License.
content: "";
position: absolute;
top: calc(50% - 8px); // center
right: 10px;
right: -8px;
mask: url('$(res)/img/member_chevron.png');
mask-repeat: no-repeat;
width: 16px;
@ -85,6 +85,7 @@ limitations under the License.
.mx_EntityTile_details {
overflow: hidden;
flex: 1;
}
.mx_EntityTile_ellipsis .mx_EntityTile_name {
@ -121,3 +122,13 @@ limitations under the License.
white-space: nowrap;
text-overflow: clip;
}
.mx_EntityTile_power {
padding-inline-start: 6px;
font-size: 10px;
color: $notice-secondary-color;
}
.mx_EntityTile:hover .mx_EntityTile_power {
display: none;
}