Fix size of clickable area in quotes

This commit is contained in:
Zed 2019-06-24 22:54:56 +02:00
parent 38565e2e1f
commit d864cf95bc
2 changed files with 10 additions and 16 deletions

View File

@ -109,34 +109,28 @@ a:hover {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.verified-icon { .icon {
color: #fff; color: #fff;
background-color: #1da1f2;
border-radius: 50%; border-radius: 50%;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
flex-shrink: 0;
margin: 2px 0 3px 3px;
}
.verified-icon {
background-color: #1da1f2;
height: 14px; height: 14px;
width: 14px; width: 14px;
font-size: 10px; font-size: 10px;
flex-shrink: 0;
margin: 3px;
margin-top: 2px;
} }
.protected-icon { .protected-icon {
color: #fff;
background-color: #353535; background-color: #353535;
border-radius: 50%;
display: inline-block;
text-align: center;
vertical-align: middle;
height: 18px; height: 18px;
width: 18px; width: 18px;
font-size: 12px; font-size: 12px;
flex-shrink: 0;
margin: 3px;
margin-top: 2px;
font-weight: bold; font-weight: bold;
} }
@ -616,7 +610,6 @@ video {
margin-top: 10px; margin-top: 10px;
border: solid 1px #404040; border: solid 1px #404040;
border-radius: 10px; border-radius: 10px;
padding: 6px;
background-color: #121212; background-color: #121212;
} }
@ -627,6 +620,7 @@ video {
.quote-container { .quote-container {
position: relative; position: relative;
overflow: auto; overflow: auto;
padding: 6px;
} }
.quote-link { .quote-link {

View File

@ -76,9 +76,9 @@ proc linkUser*(profile: Profile; class=""): string =
result = a(text, href = href, class = class, title = text) result = a(text, href = href, class = class, title = text)
if not username and profile.verified: if not username and profile.verified:
result &= span("", class="verified-icon", title="Verified account") result &= span("", class="icon verified-icon", title="Verified account")
if not username and profile.protected: if not username and profile.protected:
result &= span("🔒", class="protected-icon", title="Protected account") result &= span("🔒", class="icon protected-icon", title="Protected account")
proc pageTitle*(profile: Profile): string = proc pageTitle*(profile: Profile): string =
&"{profile.fullname} (@{profile.username}) | Nitter" &"{profile.fullname} (@{profile.username}) | Nitter"