Compare commits

..

2 Commits

Author SHA1 Message Date
2f0b4a0187 ssb: Choose an unread notification that is a bit mire color-agnostic.
All checks were successful
Build Tilde Friends / Build-All (push) Successful in 23m39s
2024-12-29 15:15:28 -05:00
f66c6ed0c3 ssb: Fiddle with the placement of the hamburger menu, and fix the tf-compose placeholder text. 2024-12-29 15:11:14 -05:00
3 changed files with 22 additions and 14 deletions

View File

@ -1,5 +1,5 @@
{ {
"type": "tildefriends-app", "type": "tildefriends-app",
"emoji": "🦀", "emoji": "🦀",
"previous": "&o2PXeddklapw00HJmK23zXGnBv5UVpv+njzUVC7Xn5E=.sha256" "previous": "&2aHEnXfmAZgCJxML+RF6j63QIYnI4TR5QvqzCHSitNQ=.sha256"
} }

View File

@ -563,6 +563,14 @@ class TfComposeElement extends LitElement {
🔐 🔐
</button>`; </button>`;
let result = html` let result = html`
<style>
.w3-input:empty::before {
content: attr(placeholder);
}
.w3-input:empty:focus::before {
content: '';
}
</style>
<div <div
class="w3-card-4 w3-theme-d4 w3-padding-small" class="w3-card-4 w3-theme-d4 w3-padding-small"
style="box-sizing: border-box" style="box-sizing: border-box"

View File

@ -93,7 +93,7 @@ class TfTabNewsElement extends LitElement {
(this.channels_unread[channel] === undefined || (this.channels_unread[channel] === undefined ||
this.channels_unread[channel] <= this.channels_latest[channel]) this.channels_unread[channel] <= this.channels_latest[channel])
) { ) {
return '🔵'; return '✉️ ';
} }
} }
@ -158,19 +158,19 @@ class TfTabNewsElement extends LitElement {
href="#" href="#"
class="w3-bar-item w3-button" class="w3-bar-item w3-button"
style=${this.hash == '#' ? 'font-weight: bold' : undefined} style=${this.hash == '#' ? 'font-weight: bold' : undefined}
>general ${this.unread_status('')}</a >${this.unread_status('')}general</a
> >
<a <a
href="#@" href="#@"
class="w3-bar-item w3-button" class="w3-bar-item w3-button"
style=${this.hash == '#@' ? 'font-weight: bold' : undefined} style=${this.hash == '#@' ? 'font-weight: bold' : undefined}
>@mentions ${this.unread_status('@')}</a >${this.unread_status('@')}@mentions</a
> >
<a <a
href="#🔐" href="#🔐"
class="w3-bar-item w3-button" class="w3-bar-item w3-button"
style=${this.hash == '#🔐' ? 'font-weight: bold' : undefined} style=${this.hash == '#🔐' ? 'font-weight: bold' : undefined}
>🔐private ${this.unread_status('🔐')}</a >${this.unread_status('🔐')}🔐private</a
> >
${Object.keys(this.drafts) ${Object.keys(this.drafts)
.sort() .sort()
@ -190,7 +190,7 @@ class TfTabNewsElement extends LitElement {
href=${'#' + encodeURIComponent('#' + x)} href=${'#' + encodeURIComponent('#' + x)}
class="w3-bar-item w3-button" class="w3-bar-item w3-button"
style=${this.hash == '##' + x ? 'font-weight: bold' : undefined} style=${this.hash == '##' + x ? 'font-weight: bold' : undefined}
>#${x} ${this.unread_status(x)}</a >${this.unread_status(x)}#${x}</a
> >
` `
)} )}
@ -239,13 +239,6 @@ class TfTabNewsElement extends LitElement {
class="w3-main" class="w3-main"
> >
<div style="padding: 8px"> <div style="padding: 8px">
<div
id="show_sidebar"
class="w3-left w3-button w3-hide-large"
@click=${this.show_sidebar}
>
&#9776;
</div>
<p> <p>
${this.hash.startsWith('##') ${this.hash.startsWith('##')
? html` ? html`
@ -260,7 +253,14 @@ class TfTabNewsElement extends LitElement {
` `
: undefined} : undefined}
</p> </p>
<div class="w3-bar"> <div>
<div
id="show_sidebar"
class="w3-button w3-hide-large"
@click=${this.show_sidebar}
>
&#9776;
</div>
Welcome, <tf-user id=${this.whoami} .users=${this.users}></tf-user>! Welcome, <tf-user id=${this.whoami} .users=${this.users}></tf-user>!
${edit_profile} ${edit_profile}
</div> </div>