Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

user_profile: Convert preview profile to sticky button. 

Having the preview profile button always visible makes it more
accessible when the user is at a random scroll positon in the
profile settings.
This commit is contained in:
Sayam Samal 2022-11-08 04:05:23 +05:30 committed by Tim Abbott
parent a516a13220
commit cfacb6fe25
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/styles/settings.css
View File

@ -1398,8 +1398,9 @@ $option_title_width: 180px;
} }
#show_my_user_profile_modal { #show_my_user_profile_modal {
width: 150px; width: 100%;
margin-top: 20px; top: 20px;
position: sticky;
} }
#show_my_user_profile_modal i { #show_my_user_profile_modal i {

8
static/templates/settings/profile_settings.hbs
View File

@ -38,10 +38,6 @@
</form> </form>
<form class="form-horizontal custom-profile-fields-form grid"></form> <form class="form-horizontal custom-profile-fields-form grid"></form>
<button class="button rounded sea-green w-200 block" id="show_my_user_profile_modal">
{{t 'Preview profile' }}
<i class="fa fa-external-link" aria-hidden="true" title="{{t 'Preview profile' }}"></i>
</button>
</div> </div>
</div> </div>
@ -69,6 +65,10 @@
<span class="user-details-desc">{{date_joined_text}}</span> <span class="user-details-desc">{{date_joined_text}}</span>
</div> </div>
</div> </div>
<button class="button rounded sea-green w-200 block" id="show_my_user_profile_modal">
{{t 'Preview profile' }}
<i class="fa fa-external-link" aria-hidden="true" title="{{t 'Preview profile' }}"></i>
</button>
</div> </div>
</div> </div>
</div> </div>