mirror of
https://github.com/aljazceru/njump.git
synced 2025-12-18 14:54:24 +01:00
tailwind .last_notes and sub-styles.
This commit is contained in:
fiatjaf
@@ -187,29 +187,6 @@ body {
|
||||
flex-shrink: 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.column_content .field {
|
||||
margin-bottom: 1.5rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
.column_content .field a {
|
||||
padding-bottom: 0.05rem;
|
||||
margin-right: 0.2rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
.theme--default .column_content .field a {
|
||||
color: #373737;
|
||||
border-bottom: 1px solid rgba(55, 55, 55, 0.24);
|
||||
}
|
||||
.theme--default .column_content .field a:hover {
|
||||
color: #e32a6d;
|
||||
}
|
||||
.theme--dark .column_content .field a {
|
||||
color: #fafafa;
|
||||
border-bottom: 1px solid rgba(250, 250, 250, 0.24);
|
||||
}
|
||||
.theme--dark .column_content .field a:hover {
|
||||
color: #e32a6d;
|
||||
}
|
||||
.column_content .field a.nostr {
|
||||
border-bottom: none;
|
||||
}
|
||||
@@ -351,91 +328,6 @@ body {
|
||||
.theme--dark .column_content .field .footnotes {
|
||||
border-top: 6px solid #2d2d2d;
|
||||
}
|
||||
.column_content .field.last_notes a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.column_content .field.last_notes a.note {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
.column_content .field.last_notes a.note .header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-left: -0.6rem;
|
||||
margin-bottom: 0.4rem;
|
||||
padding-left: 0.6rem;
|
||||
padding-bottom: 0.2rem;
|
||||
}
|
||||
.theme--default .column_content .field.last_notes a.note .header {
|
||||
border-bottom: 6px solid #f3f3f3;
|
||||
}
|
||||
.theme--dark .column_content .field.last_notes a.note .header {
|
||||
border-bottom: 6px solid #2d2d2d;
|
||||
}
|
||||
.column_content .field.last_notes a.note .header .published_at,
|
||||
.column_content .field.last_notes a.note .header .npub {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.theme--default .column_content .field.last_notes a.note .header .published_at,
|
||||
.theme--default .column_content .field.last_notes a.note .header .npub {
|
||||
color: #e32a6d;
|
||||
}
|
||||
.theme--dark .column_content .field.last_notes a.note .header .published_at,
|
||||
.theme--dark .column_content .field.last_notes a.note .header .npub {
|
||||
color: #e32a6d;
|
||||
}
|
||||
.column_content .field.last_notes a.note .header .npub {
|
||||
margin-left: auto;
|
||||
}
|
||||
.theme--default .column_content .field.last_notes a.note .header .npub {
|
||||
color: #3d3d3d;
|
||||
}
|
||||
.theme--dark .column_content .field.last_notes a.note .header .npub {
|
||||
color: #fafafa;
|
||||
}
|
||||
.column_content .field.last_notes a.note .header .npub span {
|
||||
padding: 0 0.2rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.theme--default .column_content .field.last_notes a.note .header .npub span {
|
||||
background-color: #fdf0f5;
|
||||
}
|
||||
.theme--dark .column_content .field.last_notes a.note .header .npub span {
|
||||
background-color: #42091e;
|
||||
}
|
||||
.column_content .field.last_notes a.note .header .npub span:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.theme--default .column_content .field.last_notes a.note .header .npub span:hover {
|
||||
color: #ffffff;
|
||||
background-color: #e32a6d;
|
||||
}
|
||||
.theme--dark .column_content .field.last_notes a.note .header .npub span:hover {
|
||||
color: #373737;
|
||||
background-color: #e32a6d;
|
||||
}
|
||||
.column_content .field.last_notes a.note .header .is_reply {
|
||||
margin-left: 0.5em;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.theme--default .column_content .field.last_notes a.note .header .is_reply {
|
||||
color: #c9c9c9;
|
||||
}
|
||||
.theme--dark .column_content .field.last_notes a.note .header .is_reply {
|
||||
color: #969696;
|
||||
}
|
||||
.column_content .field.last_notes a:hover {
|
||||
padding-left: 1rem;
|
||||
margin-left: -1.5rem;
|
||||
}
|
||||
.theme--default .column_content .field.last_notes a:hover {
|
||||
border-left: 0.5rem solid #f3f3f3;
|
||||
}
|
||||
.theme--dark .column_content .field.last_notes a:hover {
|
||||
border-left: 0.5rem solid #2d2d2d;
|
||||
}
|
||||
.column_content .field.advanced-switch-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -242,20 +242,6 @@ body {
|
||||
word-wrap: break-word;
|
||||
|
||||
.field {
|
||||
margin-bottom: 1.5rem;
|
||||
line-height: 1.3rem;
|
||||
a {
|
||||
padding-bottom: 0.05rem;
|
||||
margin-right: 0.2rem;
|
||||
text-decoration: none;
|
||||
@include themed() {
|
||||
&:hover {
|
||||
color: $color-accent1;
|
||||
}
|
||||
color: t($base7);
|
||||
border-bottom: 1px solid rgba(t($base7), 0.24);
|
||||
}
|
||||
}
|
||||
a.nostr {
|
||||
@include themed() {
|
||||
background-color: t($hrefbg);
|
||||
@@ -369,69 +355,6 @@ body {
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.2rem;
|
||||
}
|
||||
&.last_notes {
|
||||
a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
border-bottom: none;
|
||||
&.note {
|
||||
margin: 2rem 0;
|
||||
.header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-left: -0.6rem;
|
||||
margin-bottom: 0.4rem;
|
||||
padding-left: 0.6rem;
|
||||
padding-bottom: 0.2rem;
|
||||
@include themed() {
|
||||
border-bottom: 6px solid t($over-bg);
|
||||
}
|
||||
.published_at,
|
||||
.npub {
|
||||
font-size: 0.8rem;
|
||||
@include themed() {
|
||||
color: t($accent1);
|
||||
}
|
||||
}
|
||||
.npub {
|
||||
margin-left: auto;
|
||||
@include themed() {
|
||||
color: t($base6);
|
||||
}
|
||||
span {
|
||||
padding: 0 0.2rem;
|
||||
border-radius: 4px;
|
||||
@include themed() {
|
||||
background-color: t($hrefbg);
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
@include themed() {
|
||||
color: t($base1);
|
||||
background-color: t($accent1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.is_reply {
|
||||
margin-left: 0.5em;
|
||||
font-size: 0.8rem;
|
||||
@include themed() {
|
||||
color: t($base4);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
a:hover {
|
||||
padding-left: 1rem;
|
||||
margin-left: -1.5rem;
|
||||
@include themed() {
|
||||
border-left: 0.5rem solid t($over-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.advanced-switch-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -25,9 +25,9 @@
|
||||
<h1 class="text-xl">{{.Title}}</h1>
|
||||
</div>
|
||||
|
||||
<div class="field last_notes">
|
||||
<div class="field">
|
||||
{{range $element := .Data }}
|
||||
<a href="/{{$.PathPrefix}}{{$element}}" class="note">
|
||||
<a href="/{{$.PathPrefix}}{{$element}}">
|
||||
<div>{{$element}}</div>
|
||||
</a>
|
||||
{{end}}
|
||||
|
||||
@@ -112,18 +112,25 @@
|
||||
<div
|
||||
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3"
|
||||
></div>
|
||||
<nav class="field last_notes">
|
||||
<nav class="field">
|
||||
<h2 class="text-strongpink text-2xl">Last Notes</h2>
|
||||
{{range $i, $ee := .LastNotes}}
|
||||
<a href="/{{$ee.Nevent}}" class="note">
|
||||
<div class="header">
|
||||
<div class="published_at">{{$ee.CreatedAtStr}}</div>
|
||||
<a
|
||||
class="block no-underline my-8 hover:pl-4 hover:-ml-6 hover:border-solid hover:border-l-8 hover:border-l-gray-100 dark:hover:border-l-neutral-800"
|
||||
href="/{{$ee.Nevent}}"
|
||||
>
|
||||
<div
|
||||
class="flex flex-row flex-wrap -ml-2.5 mb-1.5 pl-2.5 pb-1 border-solid border-b-4 border-b-gray-100 dark:border-b-neutral-800"
|
||||
>
|
||||
<div class="text-sm text-strongpink">{{$ee.CreatedAtStr}}</div>
|
||||
{{if $ee.IsReply}}
|
||||
<div class="is_reply">- reply</div>
|
||||
<div class="text-sm ml-2 text-gray-300 dark:text-gray-400">
|
||||
- reply
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
<div
|
||||
class="basis-full max-h-40 overflow-hidden mt-0.5"
|
||||
class="basis-full max-h-40 overflow-hidden mt-0.5 hover:text-strongpink"
|
||||
_="on load if my scrollHeight > my offsetHeight add .gradient"
|
||||
>
|
||||
{{$ee.Preview}}
|
||||
|
||||
@@ -80,22 +80,34 @@
|
||||
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3"
|
||||
></div>
|
||||
|
||||
<div class="field last_notes">
|
||||
<div class="field">
|
||||
<h2 class="text-strongpink text-2xl">Last Notes</h2>
|
||||
{{range $i, $ee := .LastNotes}}
|
||||
<a href="/{{$ee.Nevent}}" class="note">
|
||||
<div class="header">
|
||||
<div class="published_at">{{$ee.CreatedAtStr}}</div>
|
||||
<a
|
||||
class="block no-underline my-8 hover:border-solid hover:pl-4 hover:-ml-6 hover:border-l-8 hover:border-l-gray-100 dark:hover:border-l-neutral-800"
|
||||
href="/{{$ee.Nevent}}"
|
||||
>
|
||||
<div
|
||||
class="flex flex-row flex-wrap -ml-2.5 mb-1.5 pl-2.5 pb-1 border-solid border-b-4 border-b-gray-100 dark:border-b-neutral-800"
|
||||
>
|
||||
<div class="text-sm text-strongpink">{{$ee.CreatedAtStr}}</div>
|
||||
<br />
|
||||
{{if $ee.IsReply}}
|
||||
<div class="is_reply">- reply</div>
|
||||
<div class="text-xs ml-2 text-gray-300 dark:text-gray-400">
|
||||
- reply
|
||||
</div>
|
||||
{{end}}
|
||||
<div class="npub">
|
||||
by <span href="/{{$ee.Npub}}">{{$ee.NpubShort}}</span>
|
||||
<div class="text-xs ml-auto text-zinc-700 dark:text-neutral-50">
|
||||
by
|
||||
<span
|
||||
class="px-1 bg-lavender dark:bg-garnet hover:bg-strongpink dark:hover:bg-strongpink hover:text-white"
|
||||
href="/{{$ee.Npub}}"
|
||||
>{{$ee.NpubShort}}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="basis-full max-h-40 overflow-hidden mt-0.5"
|
||||
class="basis-full max-h-40 overflow-hidden mt-0.5 hover:text-strongpink"
|
||||
_="on load if my scrollHeight >= my offsetHeight add .gradient"
|
||||
>
|
||||
{{$ee.Preview}}
|
||||
|
||||
Reference in New Issue
Block a user