css: Use classname for show_my_user_profile_modal icon styles.

Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
This commit is contained in:
Shubham Padia 2024-09-03 07:23:41 +00:00 committed by Tim Abbott
parent a764e80a1b
commit 77ebdfac77
2 changed files with 5 additions and 5 deletions

View File

@ -1569,11 +1569,11 @@ $option_title_width: 180px;
width: 100%; width: 100%;
top: 20px; top: 20px;
position: sticky; position: sticky;
}
#show_my_user_profile_modal i { .show-user-profile-icon {
padding-left: 2px; padding-left: 2px;
vertical-align: middle; vertical-align: middle;
}
} }
} }

View File

@ -64,7 +64,7 @@
</div> </div>
<button class="button rounded sea-green" id="show_my_user_profile_modal"> <button class="button rounded sea-green" id="show_my_user_profile_modal">
{{t 'Preview profile' }} {{t 'Preview profile' }}
<i class="fa fa-external-link" aria-hidden="true"></i> <i class="show-user-profile-icon fa fa-external-link" aria-hidden="true"></i>
</button> </button>
</div> </div>
</div> </div>