Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

60%
+1 −0
Q&A User profile page tabs separated from their connecting blue line

On the user profile page there is a horizontal blue line across the top of the page that groups the tabs, with the currently showing tab highlighted in that same blue. On some of the tabs this show...

1 answer  ·  posted 6mo ago by trichoplax‭  ·  edited 4mo ago by Monica Cellio‭

#3: Post edited by user avatar Monica Cellio‭ · 2024-08-25T19:11:58Z (4 months ago)
more like status-mitigated (somewhat, but not on phones); see https://meta.codidact.com/posts/291869/292339#answer-292339
#2: Post edited by user avatar trichoplax‭ · 2024-06-27T01:46:28Z (6 months ago)
Include example solution image and add tag
  • On the user profile page there is a horizontal blue line across the top of the page that groups the tabs, with the currently showing tab highlighted in that same blue. On some of the tabs this shows correctly (those that are full width with no right hand panel). On others (those with a right hand panel) the tabs wrap around causing the horizontal blue line to be separated from the highlighted tab:
  • > ![The Filters tab of the user profile page, with the Notifications tab wrapped to the next line](https://meta.codidact.com/uploads/co38jtjk91k1h1gvpqaifzf3pund)
  • I'm not sure how best to fix this. Would it make sense to have the tab bar full width, with the right hand panel starting below it?
  • On the user profile page there is a horizontal blue line across the top of the page that groups the tabs, with the currently showing tab highlighted in that same blue. On some of the tabs this shows correctly (those that are full width with no right hand panel). On others (those with a right hand panel) the tabs wrap around causing the horizontal blue line to be separated from the highlighted tab:
  • > ![The Filters tab of the user profile page, with the Notifications tab wrapped to the next line](https://meta.codidact.com/uploads/co38jtjk91k1h1gvpqaifzf3pund)
  • I'm not sure how best to fix this. Would it make sense to have the tab bar full width, with the right hand panel starting below it? Something like this:
  • > ![The Filters tab of the user profile page, with the right hand panel moved down below the horizontal blue line of the tabs bar](https://meta.codidact.com/uploads/0ar7gt30v00s41po8m0qalu211iu)
#1: Initial revision by user avatar trichoplax‭ · 2024-06-27T01:41:39Z (6 months ago)
User profile page tabs separated from their connecting blue line
On the user profile page there is a horizontal blue line across the top of the page that groups the tabs, with the currently showing tab highlighted in that same blue. On some of the tabs this shows correctly (those that are full width with no right hand panel). On others (those with a right hand panel) the tabs wrap around causing the horizontal blue line to be separated from the highlighted tab:

> ![The Filters tab of the user profile page, with the Notifications tab wrapped to the next line](https://meta.codidact.com/uploads/co38jtjk91k1h1gvpqaifzf3pund)

I'm not sure how best to fix this. Would it make sense to have the tab bar full width, with the right hand panel starting below it?
bug