diff options
| author | ThibG <thib@sitedethib.com> | 2020-07-01 13:51:50 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-07-01 13:51:50 +0200 |
| commit | 4babf5b8b5ba8eca5a14f3b2813775240db8f8f1 (patch) | |
| tree | 840d597df45554c6723ca0dd996fd3f5ffde5a13 /app | |
| parent | 35cedc922ced6502f18b11353df661cf61c8ae2f (diff) | |
Fix lock icon not being shown when locking account in profile settings (#14190)
Diffstat (limited to 'app')
| -rw-r--r-- | app/javascript/packs/public.js | 10 | ||||
| -rw-r--r-- | app/javascript/styles/mastodon/accounts.scss | 4 | ||||
| -rw-r--r-- | app/views/application/_card.html.haml | 2 |
3 files changed, 11 insertions, 5 deletions
diff --git a/app/javascript/packs/public.js b/app/javascript/packs/public.js index 557823c96..08cc662e6 100644 --- a/app/javascript/packs/public.js +++ b/app/javascript/packs/public.js @@ -207,10 +207,12 @@ function main() { delegate(document, '#account_locked', 'change', ({ target }) => { const lock = document.querySelector('.card .display-name i'); - if (target.checked) { - lock.style.display = 'inline'; - } else { - lock.style.display = 'none'; + if (lock) { + if (target.checked) { + delete lock.dataset.hidden; + } else { + lock.dataset.hidden = 'true'; + } } }); diff --git a/app/javascript/styles/mastodon/accounts.scss b/app/javascript/styles/mastodon/accounts.scss index 5dc067f0e..2c78e81be 100644 --- a/app/javascript/styles/mastodon/accounts.scss +++ b/app/javascript/styles/mastodon/accounts.scss @@ -76,6 +76,10 @@ margin-left: 15px; text-align: left; + i[data-hidden] { + display: none; + } + strong { font-size: 15px; color: $primary-text-color; diff --git a/app/views/application/_card.html.haml b/app/views/application/_card.html.haml index e7ecfecd9..909d9ff81 100644 --- a/app/views/application/_card.html.haml +++ b/app/views/application/_card.html.haml @@ -13,4 +13,4 @@ %strong.emojify.p-name= display_name(account, custom_emojify: true) %span = acct(account) - = fa_icon('lock') if account.locked? + = fa_icon('lock', { :data => ({hidden: true} unless account.locked?)}) |