The Glowfic Constellation

[Throne3d]

Relatedly, a while ago, Moriwen complained about the scenario where you don't coordinate with your co-author properly and tag them before they finish, often which you find out after you reply by noticing more replies in the thread since you started writing your reply.

I already came up with the idea that you go to post preview if there are unread replies. (And you get a warning notification which links to the unread reply in the reply box itself if you try load the thread and try replying without having read the whole thread, eg if you forget to turn over the page of a double tag, and you can resubmit after being given the warning if you're sure you still want to do it.) See the pull request, here – last updated two days ago, it went through changes early on because I had implemented it weirdly, and I recently updated it to fit with some recent changes.

So, this might be a note to also check the pull request page if you're looking to brainstorm ways to solve a problem, in case we've already thought of one. (Feel free to suggest better solutions, and I can try to be clearer in them to make it easier to understand what they're doing?) I just find it sort of funny, is all. :P

[Kappa]

It was slightly bugging me that there wasn't any styling on blockquotes to make it clear they were there, so I wrote some:

Code: Select all

  .post-content blockquote { margin: 0.5em 5.5em; padding: 0.5em; }
  .post-post blockquote { background-color: rgb(216, 216, 216); }
  .post-reply:nth-child(2n) blockquote { background-color: rgb(216, 216, 216); }
  .post-reply:nth-child(2n+1) blockquote { background-color: rgb(227, 227, 227); }

I think it'll work on all the light styles but I've only previewed it on Starry Light.

[Throne3d]

Is it supposed to look like this when wrapped?

Edit: There's nothing wrong with this imo, I'm just checking that this is okay at this width. It probably needs modification for actual mobile view.

Second edit: Altered the link above because I forgot I had changes.

[Kappa]

Yeah, the hella margins are because without them it looks really squidgy where it intersects with the row of four icons you get in the upper right corner of posts you authored. I'm fine with how it looks in the first link; the mobile view could probably use looser margins.

[Throne3d]

Yeah, unfortunately I will probably have to have it go be squidgy on mobile view for now until we redo the header bits (of posts, for mobile view). See here – if I put in a margin so it didn't intersect with the buttons, I'm pretty sure it'd be too narrow.

(Timestamps are because I copied & pasted the test into a development box.)

Edit: Thanks, btw. I'd tried looking at this before and was trying to copy the Dreamwidth style, but it didn't… work… Unfortunately floating elements (the left sidebar items on posts) are annoying to deal with.

[DanielH]

How does this look when nested?

[Throne3d]

Padded but no change in background color. Also I don't think it shows up in the RTF editor properly. (It'll be padded but the background color will not be different.)

I mean, so far, the only place this has been used (to my knowledge) is Sunburst for messages. So I expect that occurrences of nested quotes will not be particularly high.

I suppose we could alter the background color to be a particular color at a particular opacity, so it stacks. Shrug.

[Kappa]

Alternate version with rgba:

Code: Select all

  .post-content blockquote { margin: 0.5em 5.5em; padding: 0.5em; background-color: rgba(192, 192, 192, 0.5); }

[Throne3d]

Did you pick 192 any particular way? (I'm wondering how I should pick the color for the dark modes, is the main thing – previously I inverted the even/odd background color, since it looked like you were doing that.)

Edit: Marri is merging the old one I did, which should probably do for now, but if there's an easy way for me to pick a reference color for dark themes or someone else does it for me I can update it quite easily.

[Kappa]

I started with 128 but it looked too dark so I went "okay, that was about half, what's about three quarters? 192? Let's try that," and it looked much better. I have no idea why my brain had a cached value for "three-quarters of 256". My advice would be to try 128 and if that's too light go down to 64 and if that's too dark go up to 96 (or if it's still too light go down to 32), etc.