Nostr Web Client

I think that Iris.to threading UI can be improved a bit. For me is not always easy to pick up the main message against the referenced one. Proposal:

* Make the referenced message a bit lighter brightening up the background (now is darker that the main one, so more contrasted) and darkening the text color;

* Reduce the profile pic for the referenced message;

* Add a margin left to the main message, so it is shown "below" the referenced one;

The actual situation vs and a mockup of my proposal:

#[0] make any sense to you?

Reply to this note

Please Login to reply.

Discussion

daniele 3y ago

This his the CSS update (hack), can be used with Stylus or a similar extension to overwrite the Iris CSS (even on Android + Kiwi browser):

```

div.msg div.msg.quote div.identicon-container.has-picture {

max-width: 30px;

max-height: 30px;

}

div.msg div.msg.quote > div.msg-content {

background-color: rgba(255, 255, 255, 0.05);

color: #808080;

}

div.msg:not([class*="quote"]) > div.msg-content > div.msg-sender,

div.msg:not([class*="quote"]) > div.msg-content > div.text,

div.msg:not([class*="quote"]) > div.msg-content > div.below-text

{

margin-left: 1em;

}

```

Perhaps can I a open a pull request on githup? Let me know :)

Sirius 3y ago

Twitter-like threading is on my todo-list