user_profile: Fix alignment and color of edit icon.

This commit is contained in:
Vector73 2023-10-26 10:30:31 +05:30 committed by Tim Abbott
parent 4a4b8dff99
commit 6dd7efae85
4 changed files with 18 additions and 2 deletions

View File

@ -59,6 +59,16 @@
}
/************************* MODAL DARK THEME *******************/
.user_profile_manage_own_edit_button,
.user_profile_manage_others_edit_button {
color: hsl(200deg 100% 50%);
cursor: pointer;
&:hover {
color: hsl(200deg 79% 66%);
}
}
.dialog_exit_button {
background-color: hsl(211deg 29% 14%);
color: hsl(0deg 0% 100%);

View File

@ -60,12 +60,13 @@
text-overflow: ellipsis;
}
.user_profile_manage_own_edit_button,
.user_profile_manage_others_edit_button {
color: hsl(200deg 100% 50%);
cursor: pointer;
&:hover {
color: hsl(200deg 79% 66%);
color: hsl(200deg 100% 25%);
}
}
}

View File

@ -506,10 +506,15 @@ ul {
.user_profile_manage_own_edit_button,
.user_profile_manage_others_edit_button {
width: 25px;
height: 14px;
text-align: center;
font-size: 18px;
}
#user_profile_manage_own_edit_link {
height: 25px;
}
.deactivated-user-icon {
margin: -1px;
vertical-align: middle;

View File

@ -19,7 +19,7 @@
{{/if}}
<span class="user_profile_name">{{> user_full_name name=full_name}}</span>
{{#if is_me}}
<a href="/#settings/profile">
<a id="user_profile_manage_own_edit_link" href="/#settings/profile">
<i class="fa fa-edit tippy-zulip-tooltip user_profile_manage_own_edit_button" data-tippy-content="{{t 'Edit profile' }}" aria-hidden="true"></i>
</a>
{{/if}}