Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-01-21 23:12:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: picture switcher mobile

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2023-01-15 12:27:44 -05:00
parent c0040ea7aa
commit bb45abac87
2 changed files with 10 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/scss/modules/picture-switcher.scss
View File

@@ -1,14 +1,4 @@
.picture-switcher {
img, .user-icon {
@include user-icon-style(46px, 2.4rem, 50%);
}
@include media-breakpoint-down(sm) {
img, .user-icon {
display: none;
}
}
h4 {
line-height: 46px;
margin: 0;

39
src/views/modals/change-picture.tpl
View File

@@ -1,5 +1,5 @@
<div class="row">
<div class="col-6 col-sm-8 col-md-6">
<div class="row gy-2">
<div class="col-12 col-sm-8 col-md-6">
<div class="list-group">
{{{each pictures}}}
<button type="button" class="list-group-item d-flex p-3" data-type="{pictures.type}">
@@ -13,40 +13,21 @@
{{{end}}}
</div>
</div>
<div class="col-6 col-sm-4 col-md-6">
<div class="col-12 col-sm-4 col-md-6">
<div class="list-group">
<!-- IF allowProfileImageUploads -->
{{{ if allowProfileImageUploads }}}
<button type="button" class="list-group-item" data-action="upload">
<span class="hidden-xs hidden-sm">
[[user:upload_new_picture]]
</span>
<span class="visible-xs-inline visible-sm-inline">
<i class="fa fa-plus"></i>
<i class="fa fa-upload"></i>
</span>
[[user:upload_new_picture]]
</button>
<!-- ENDIF allowProfileImageUploads -->
{{{ end }}}
<button type="button" class="list-group-item" data-action="upload-url">
<span class="hidden-xs hidden-sm">
[[user:upload_new_picture_from_url]]
</span>
<span class="visible-xs-inline visible-sm-inline">
<i class="fa fa-plus"></i>
<i class="fa fa-link"></i>
</span>
[[user:upload_new_picture_from_url]]
</button>
<!-- IF uploaded -->
{{{ if uploaded }}}
<button type="button" class="list-group-item" data-action="remove-uploaded">
<span class="hidden-xs hidden-sm">
[[user:remove_uploaded_picture]]
</span>
<span class="visible-xs-inline visible-sm-inline">
<i class="fa fa-picture-o"></i>
<i class="fa fa-long-arrow-right"></i>
<i class="fa fa-trash-o"></i>
</span>
[[user:remove_uploaded_picture]]
</button>
<!-- ENDIF uploaded -->
{{{ end }}}
</div>
</div>
</div>