Mastodon
/
forget-cancellare-vecchi-toot
mirror of https://github.com/codl/forget
2
0
Fork 0
Code Issues Releases Wiki Activity

small visual changes

This commit is contained in:
codl 2017-08-31 21:56:17 +02:00
parent 96e33f7179
commit 4b28669327
No known key found for this signature in database
GPG Key ID: 6CD7C8891ED1233A
3 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/styles.css
View File

@ -77,11 +77,12 @@ input[type=number]{
body > section > .banner, body > section > .banner,
body > section > .container > .banner { body > section > .container > .banner {
padding-left: 4.3rem; padding-left: 4.3rem;
padding-right: 4.3rem;
} }
.banner.enabled { .banner.enabled {
border-left-color: transparent; border-left-color: transparent;
background: #bbfbff; background: #cde;
} }
.banner.disabled { .banner.disabled {

22
components/Banner.html
View File

@ -3,15 +3,21 @@
<button class='primary' on:click='toggle(policy_enabled)'>{{policy_enabled?'Disable':'Enable'}}</button> <button class='primary' on:click='toggle(policy_enabled)'>{{policy_enabled?'Disable':'Enable'}}</button>
</div> </div>
<div> <div>
Forget is currently {{policy_enabled?'enabled':'disabled'}} on your account. Forget is currently
{{#if policy_enabled }}
<b>enabled</b>
{{else}}
disabled
{{/if}}
on your account.
</div> </div>
<div class='timers'> <div class='timers'>
<span class='last-delete {{(!last_delete)?'hidden':''}}' title={{last_delete}}>
{{#if last_delete }} {{#if last_delete }}
<span class='last-delete {{(!last_delete)?'hidden':''}}'>
Last delete {{rel_past(now - last_delete)}}. Last delete {{rel_past(now - last_delete)}}.
</span>
{{/if }} {{/if }}
<span class='next-delete {{(!policy_enabled || !next_delete || !eligible_for_delete_estimate)?'hidden':''}}'> </span>
<span class='next-delete {{(!policy_enabled || !next_delete || !eligible_for_delete_estimate)?'hidden':''}}' title={{next_delete}}>
Next delete {{rel_future(next_delete - now)}}. Next delete {{rel_future(next_delete - now)}}.
</span> </span>
</div> </div>
@ -25,20 +31,18 @@
.timers > * { .timers > * {
transition-property: opacity, transform; transition-property: opacity, transform;
transition-duration: 0.4s; transition-duration: 0.4s;
display: inline-block;
} }
.timers > .hidden { .timers > .hidden {
opacity: 0; opacity: 0;
transform: translateY(-100%); transform: translateY(-0.3em);
pointer-events: none; pointer-events: none;
} }
.btn-group {
margin-right: 5rem;
}
.right { .right {
float: right; float: right;
margin-left: 1em;
} }
button.primary { button.primary {

8
templates/logged_in.html
View File

@ -13,7 +13,13 @@
</p> </p>
<div class='main-banner container'> <div class='main-banner container'>
{% set enabled_disabled = "enabled" if g.viewer.account.policy_enabled else "disabled" %} {% set enabled_disabled = "enabled" if g.viewer.account.policy_enabled else "disabled" %}
<div class="banner {{enabled_disabled}}">Forget is currently {{ enabled_disabled }} on your account. <div class="banner {{enabled_disabled}}">Forget is currently
{% if g.viewer.account.policy_enabled -%}
<b>enabled</b>
{% else -%}
disabled
{% endif %}
on your account.
{% if g.viewer.account.policy_enabled -%} {% if g.viewer.account.policy_enabled -%}
<form action='{{url_for("disable")}}' method='post' enctype='multipart/form-data'> <form action='{{url_for("disable")}}' method='post' enctype='multipart/form-data'>
<input type='submit' value='Disable'> <input type='submit' value='Disable'>