better styling for in-reply-to and coversation badge

sorenpeter 2 years ago
parent 339e1b8efc
commit 242785c9eb

@ -1,3 +1,7 @@
* {
/*border: thin solid pink;*/
}
body, html {
overflow-x: hidden;
}
@ -62,13 +66,16 @@ article:target {
}
.badge {
background-color: var(--primary);
color: white;
border-radius: 100px;
padding: 0px 4px;
font-size: 9px;
margin-left: -3px;
position: absolute;
/*font-size: small;*/
color: var(--muted-text);
padding-left: 0.25rem;
/*background-color: var(--primary);*/
/*color: white;*/
/*border-radius: 100px;*/
/*padding: 0px 4px;*/
/*font-size: 9px;*/
/*margin-left: -3px;*/
/*position: absolute;*/
}
.nav {
@ -312,6 +319,10 @@ video {
border-radius: 0.25rem !important;
}
article .p-summary p {
margin: 0.75rem 0;
}
/* Video Summary Content Styling */
article .p-summary p video,
article .p-summary p img{
@ -341,7 +352,8 @@ em.twt-hash {
}
/* Twt Context */
article .p-summary a small, small.twt-context {
article .p-summary a small,
small.twt-context {
color: darkgray;
font-style: normal;
font-weight: 100;
@ -350,10 +362,11 @@ article .p-summary a small, small.twt-context {
small.twt-context {
display: block;
font-size: small;
padding-top: 0.25rem;
padding: 0.25rem 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
border-bottom: 1px dashed var(--muted-border);
}
/* Footer Style */
@ -467,7 +480,7 @@ footer .footer-menu a:last-child::after{
display: inline;
}
.u-author.h-card{
margin-bottom: 10px;
margin-bottom: 20px;
}
.u-author.h-card>div{
flex: 20%;

@ -132,7 +132,7 @@
<div class="p-summary">
{{ if and (not (eq $.view "conv")) (isFeatureEnabled "show_twt_context") }}
{{ with urlForRootConv $.Twt }}
<a href="{{ urlForRootConv $.Twt }}"><small class="twt-context">{{ formatTwtContext $.Twt $.User }}</small></a>
<a href="{{ urlForRootConv $.Twt }}"><small class="twt-context">In reply to:&nbsp;{{ formatTwtContext $.Twt $.User }}</small></a>
{{ end }}
{{ end }}
{{ formatTwt $.Twt $.User }}
@ -157,7 +157,7 @@
{{ end }}
{{ else if not (eq $.view "conv") }}
{{ with urlForConv $.Twt }}
<li><a class="convBtn" href="{{ urlForConv $.Twt }}"><i class="icss-comment"></i> {{tr $.Ctx "TwtConversationLinkTitle"}}{{ if gt (getConvLength $.Twt $.User) 1 }}<span class="badge">{{ getConvLength $.Twt $.User }}</span>{{ end }}</a></li>
<li><a class="convBtn" href="{{ urlForConv $.Twt }}"><i class="icss-comment"></i> {{tr $.Ctx "TwtConversationLinkTitle"}}{{ if gt (getConvLength $.Twt $.User) 1 }}<small class="badge">({{ getConvLength $.Twt $.User }})</small>{{ end }}</a></li>
{{ end }}
{{ end }}
</ul>

@ -0,0 +1 @@
./yarnd -D -R -A sp -t ../yarn-themes/copenhagen
Loading…
Cancel
Save