Fix size of clickable area in quotes
This commit is contained in:
parent
38565e2e1f
commit
d864cf95bc
|
@ -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 {
|
||||||
|
|
|
@ -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"
|
||||||
|
|
Loading…
Reference in New Issue