Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(post): Move post domain beneath post title #1363

Merged
merged 8 commits into from
Jun 19, 2023

Conversation

jsit
Copy link
Contributor

@jsit jsit commented Jun 18, 2023

Some design work here, trying to tidy up all the metadata grouped together in the post details.

I've moved the link domain and the "expand" button to beneath the post title in small text. I think this makes it easier to parse the information.

Before

Screenshot 2023-06-18 at 10 37 24 AM Screenshot 2023-06-18 at 10 37 19 AM

After

Screenshot 2023-06-18 at 2 33 04 PM Screenshot 2023-06-18 at 2 33 12 PM

jsit and others added 2 commits June 18, 2023 09:38
…-beneath-title

* origin/main:
  Always allow users to control whether they see NSFW content
  fix: Fix display inline of post title
  fix: Use btn-sm for advanced menu dropdown buttons
  fix: Remove some extra classes on flag/report buttons
  fix: Fix vertical alignment and border radius of advanced dropdown menu items
  fix(a11y): Add aria-controls for advanced button dropdown
  fix: Fix some button labels and tippy text
  Empty commit to re-trigger Woodpecker job
  fix: Remove unused var
  feat: Move advanced post menu into dropdown
  fix: Only post title should be inside h5, not the additional metadata icons
@glibg10b
Copy link

It would be more intuitive if the preview button's behavior swapped with the thumbnail's behavior:

  • The button next to the domain would link to the specific page at the domain (and have the appropriate icon)
  • The post's thumbnail would then show the preview when clicked, which would make it consistent with image posts, which already have that behavior

This would solve #1142 and #634

If you don't think this should be addressed in this PR, I will start a new issue

@jsit
Copy link
Contributor Author

jsit commented Jun 18, 2023

@glibg10b Hm yeah I think this is a change in behavior that's outside the scope of this PR. Thank you though!

Though I will say that link posts that have thumbnails have both (a) expandable images and (b) expandable text. This is from beehaw.org which I think runs 0.17.4:

Screenshot 2023-06-18 at 1 39 04 PM

@jsit jsit changed the title feat(post): Move post domain and preview button beneath post title WIP: feat(post): Move post domain and preview button beneath post title Jun 18, 2023
@jsit jsit marked this pull request as draft June 18, 2023 17:53
…here is something to show; add 'active' color
@jsit jsit marked this pull request as ready for review June 18, 2023 18:32
@jsit jsit changed the title WIP: feat(post): Move post domain and preview button beneath post title WIP: feat(post): Move post domain beneath post title Jun 18, 2023
@jsit jsit changed the title WIP: feat(post): Move post domain beneath post title feat(post): Move post domain beneath post title Jun 18, 2023
jsit added 3 commits June 18, 2023 14:40
…-beneath-title

* origin/main:
  fix(post): Fix missing labels on block/report buttons in new dropdown
  fix: Add compiled theme stylesheets
  fix: Fix too-intense hr color between posts
  fix: Prettier ignore generated themes, as they aren't written by humans
  feat: Badge-ify NSFW and removed by mod title info
…-beneath-title

* origin/main:
  fix: Use classnames
  chore: Empty commit to retrigger Woodpecker job
  fix: Fix post creator text alignment
Copy link
Member

@dessalines dessalines left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks much better, thanks.

@@ -84,10 +84,6 @@
margin-top: -6.5px;
}

.post-title {
line-height: 1;
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks. Every bit of custom css we can remove is a win.

@dessalines dessalines enabled auto-merge (squash) June 19, 2023 15:22
@dessalines dessalines merged commit 94274a1 into LemmyNet:main Jun 19, 2023
jsit added a commit to jsit/lemmy-ui that referenced this pull request Jun 19, 2023
* origin/main:
  v0.18.0-rc.2
  feat(post): Move post domain beneath post title (LemmyNet#1363)
  Updated link to lemmy-repo as direct link to issues
  Changed text in feature request template
  feat(css): make vertical rhythm more consistent for post listings
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants