mandorinn/esix-cafe

Style fr e621 dat i maedd

esix-cafe's Issues

Icons appearing in body of forum posts

394058

A more precise selector is needed. It seems like the buttons are in a div with the class content-menu for both forum posts and comments, but I'm not sure about every part of the site.

Tag categories not being colored in all places

Upload page

Tags page

Removing #sidebar on these lines appears to fix it and I can't imagine it causing any problems in other places.

Header logo is gone

Maybe I'm just blind, but didn't notice it missing until now.

I assume this relates to re621/re621.Legacy@51d96bb

Forum votes overflow the page

Votes for tag relationships on the forums overflow the page if there's too many votes - making it impossible to truthfully see how many people have voted.

https://e621.net/forum_topics/26549

https://e621.net/forum_topics/32215

Blip buttons on own blips are broken

That's a lot of ats.

Pending approval notice doesn't show additional information

I was going to have a go at this myself, but my CSS knowledge isn't good enough to understand what's going on with the pending approval notice. (making the notice actually look good with that much text too would be another struggle)

Example:

<div class="notice notice-pending" id="pending-approval-notice">
      This post is pending approval. (<a href="/wiki_pages?title=about%3Amod_queue">learn more</a>)

        <p>
    It has been reviewed by 1 approver.

      1 believe it doesn't meet the quality standards.


  </p>


    </div>

[Mobile + re621] Can't search posts because of infinite scrolling

It's near impossible to search posts in mobile layout with re621 installed because it puts the search bar after the posts, and trying to scroll to the search bar just loads more posts because of infinite scrolling.

Untitled.mp4

Tag categories not colored in autocompletion

For some reason these use .tag-type-# instead of .category-# - this fix should do just fine.

.category-1 a, a.tag-type-1 {
    color:var(--tag-cat-2)!important
	}
	.category-1 a:hover, a.tag-type-1:hover {
    color:var(--tag-cat-2-hover)!important
	}
	.category-3 a, a.tag-type-3 {
    color:var(--tag-cat-3)!important
	}
	.category-3 a:hover, a.tag-type-3:hover {
    color:var(--tag-cat-3-hover)!important
	}
	.category-4 a, a.tag-type-4 {
    color:var(--tag-cat-4)!important
	}
	.category-4 a:hover, a.tag-type-4:hover {
    color:var(--tag-cat-4-hover)!important
	}
	.category-5 a, a.tag-type-5 {
    color:var(--tag-cat-5)!important
	}
	.category-5 a:hover, a.tag-type-5:hover {
    color:var(--tag-cat-5-hover)!important
	}
	.category-6 a, a.tag-type-6 {
    color:var(--tag-cat-6)!important
	}
	.category-6 a:hover, a.tag-type-6:hover {
    color:var(--tag-cat-6-hover)!important
	}
	.category-7 a, a.tag-type-7 {
    color:var(--tag-cat-7)!important
	}
	.category-7 a:hover, a.tag-type-7:hover {
    color:var(--tag-cat-7-hover)!important
	}

[Help Page] Link list has disappeared

Enabling eSix Café seems to make the link list on the help page disappear

It looks like these lines are what's doing it.

Changes to stats page

Due to e621ng/e621ng@7d28705 the .rounded selectors will have to be changed to .stats-rounded on these lines.

The change isn't live on the site yet, but I'm making this issue while I remember.

New wiki page notice not themed

The notice that appears while creating a new wiki page uses e621's original colors, showing hotdog bright red while using the hot coffee theme.

Pending replacements don't have a red background

Pending replacements on the Post Replacements page don't have a red background to distinguish them from the approved replacements.

How it looks with vanilla e621.

The background color is defined here

But it looks like this part is overriding it:

:has() update: default outline color with classic hexagon too similar to admin?

When using classic hexagon theme I think the default avatar border color might be too similar to the admin one, it is a visually different color but I do wonder if it's a little too close. Not seeing any obvious problems in other themes.

[Mobile] Not all tables fit on the screen

Going on a hunt for mobile issues, low priority since I generally use the desktop layout on my phone anyways, but sometimes I'm using the mobile layout and encounter problems.

Some tables on the mobile layout aren't showing the full amount of information on the screen due to overflow, while other pages like /wiki_pages are working just fine. Without eSix Cafe installed it's possible to zoom out or scroll to see the additional information, but eSix Cafe doesn't let you do that.

Wiki Page Versions

Desktop

Mobile

Bulk Update Requests

Desktop

Mobile (also something up with the search options there)

Menu is missing on mobile layout

I finally got around to working out how to install Stylus on Firefox for Android, the menu is missing making the website very difficult to navigate.

Vanilla

eSix Café

(why are Android screenshots so huge??)

I'm not sure if it's worth putting much time into mobile version bugs since there's probably very few people actually using it (maybe only me?) but this one seems necessary since it makes the website pretty much unusable. You can even replicate it on desktop by resizing the window small enough (with re621 disabled) so it's probably a simple enough media query.

[Mobile] User borders don't display correctly on blips page

User borders aren't displaying correctly on the mobile version of the blips page.

(i always forget how huge screenshots on my phone are compared to desktop)

AIBUR votes and forum icons now overlap

I'm going to guess this relates to the styling changes in e621ng/e621ng#601

Help index too long for 1366*768 screen

The help index is too long to display on smaller monitors, and because the position is fixed it can't be scrolled. I normally use a much larger monitor so I didn't notice this before:

\ symbol is replaced with ¥

I noticed this quite a while back and backslashes appear so irregularly it's never been a problem for me but it caused a little confusion in the e621 Discord. It's caused by the Yu Gothic UI font using the backslash codepoint as a Yen symbol - something which is apparently common for Japanese fonts prior to Unicode as a legacy thing or something like that.

I don't know if you have a specific attachment to the font or if you think it's even worth changing it over this or not. Segoe UI looks very similar and leaves the backslashes as backslashes. The only major difference I observed with Segoe UI is that bold text looks a little bolder.

News on homepage isn't styled

New addition to the homepage, needs styling.

[Forum] Last page color should be different from forum post link

The last page button color is currently the same as the topic title, making it look like the page number is part of the topic name.

This differs from e621's default theme

Example element:
<a class="last-page" href="/forum_topics/22535?page=3">page 3</a>

Replacements notice is weird when the post is also pending

When the post is pending and has pending replacements the notice doesn't appear properly

<div class="bottom-notices">
        
          

  <div class="notice notice-pending" id="pending-approval-notice">
    This post is pending approval. (<a href="/wiki_pages?title=about%3Amod_queue">learn more</a>)

    

  </div>

  <div class="notice notice-flagged">
    <p>This post has <a href="/post_replacements?search%5Bpost_id%5D=3773468">pending replacements.</a></p>
  </div>

      </div>

How it's presumably supposed to look, on a post that's already approved but has pending replacements

<div class="bottom-notices">
        
          


  <div class="notice notice-flagged">
    <p>This post has <a href="/post_replacements?search%5Bpost_id%5D=3639541">pending replacements.</a></p>
  </div>

      </div>

Both elements look identical to me so... I'm not sure what's going on here

Active related tags have no highlighting

Vanilla e621

eSix Café

The tag-active class (seen in the related tags box when editing a post) for some reason doesn't seem to get styled - since this is going to require picking some colors I feel like you'll do a better job than me. Instead of having to change the theme multiple times you can see the colors already used on the site here.

Since I know you don't really edit tags you can just paste this into the page for testing: active-tags.txt