Adjust icons with in person with design

This commit is contained in:
J. Ryan Stinnett 2020-01-29 14:28:19 +00:00
parent 45735d5ae3
commit 6d47f9620f
4 changed files with 12 additions and 17 deletions

View file

@ -20,7 +20,7 @@ limitations under the License.
position: relative; position: relative;
display: block !important; display: block !important;
// Align the padlock with unencrypted room names // Align the padlock with unencrypted room names
margin-left: 6px; margin: 0 4px;
&::before { &::before {
background-color: $roomtile-name-color; background-color: $roomtile-name-color;

View file

@ -76,8 +76,8 @@ limitations under the License.
left: 60px; left: 60px;
margin-right: 0; // Counteract the E2EIcon class margin-right: 0; // Counteract the E2EIcon class
margin-left: 3px; // Counteract the E2EIcon class margin-left: 3px; // Counteract the E2EIcon class
width: 12px; width: 15px;
height: 12px; height: 15px;
} }
.mx_MessageComposer_noperm_error { .mx_MessageComposer_noperm_error {

View file

@ -21,10 +21,10 @@ limitations under the License.
.mx_E2EIcon { .mx_E2EIcon {
margin: 0; margin: 0;
position: absolute; position: absolute;
bottom: -1px; bottom: -2px;
right: -2px; right: -6px;
height: 10px; height: 15px;
width: 10px; width: 15px;
} }
} }

View file

@ -101,19 +101,19 @@ limitations under the License.
// Note we match .mx_E2EIcon to make sure this matches more tightly than just // Note we match .mx_E2EIcon to make sure this matches more tightly than just
// .mx_E2EIcon on its own // .mx_E2EIcon on its own
.mx_RoomTile_e2eIcon.mx_E2EIcon { .mx_RoomTile_e2eIcon.mx_E2EIcon {
height: 10px; height: 14px;
width: 10px; width: 14px;
display: block; display: block;
position: absolute; position: absolute;
bottom: -1px; bottom: -2px;
right: -2px; right: -5px;
z-index: 1; z-index: 1;
margin: 0; margin: 0;
} }
.mx_RoomTile_name { .mx_RoomTile_name {
font-size: 14px; font-size: 14px;
padding: 0 6px; padding: 0 4px;
color: $roomtile-name-color; color: $roomtile-name-color;
white-space: nowrap; white-space: nowrap;
overflow-x: hidden; overflow-x: hidden;
@ -214,8 +214,3 @@ limitations under the License.
.mx_GroupInviteTile .mx_RoomTile_name { .mx_GroupInviteTile .mx_RoomTile_name {
flex: 1; flex: 1;
} }
.mx_InviteOnlyIcon + .mx_RoomTile_nameContainer .mx_RoomTile_name {
// Scoot the padding in a bit from 6px to make it look better
padding-left: 3px;
}