New Forum Refresh - New flag missing

Service: Hoop.la
Votes (0)

Activity Stream

Hi ST,

That's right: the New mode doesn't support the new indicator anymore. I know that seems to be a particular point of emphasis for you, so if it is, you may want to stick to the Legacy mode.

Hope that helps!

Brian

Thanks Brian,

For community regulars and our staff, it is important to find new, unread posts quickly. It's unfortunate the New flag was lost in the new mode.

 

ST

Hi Brian,

What's the rationale for dropping the New flag in the new display mode.

How is a returning member to know what's changed at a glance?

The other platforms I use have some way to search for or spot new messages.

ST

ST-

You'll be pleased to know that we are adding support for "new" indicators for the new display mode, as well.  

1. There will be a new dot indicator to the left of each title, if they are new/updated.

2. There will be new CSS classes that will allow you to target new/updated topics in the list with your own styling if you like.  Thus, if you don't like the indicator color or want to remove it completely and add your own styling to those topics in the list, you can do whatever you want. 

We will let you know when these improvements are available, but it will be soon.

Hi ST,

The "new" (aka unread) indicators are back now in the "New" topic list mode. You should see a "dot" icon to the left of topic subjects that have new posts since your last visit.

Hope that helps!

Brian

Hi Brian,

That's helpful. Thank you.

I understand you may be going for a more streamlined look and you want the New indicator to be compact or subtle.

There's a visual disconnect between the Forum Topics list and the Forum Directory.

On our home page we have two widgets; Forum Topics and Forum Directory with different icons for "New since last visit"

 

Can we use the same icon? The green   NEW   is better because you don't have to mouse over it to understand what it represents.

ST

Attachments

Photos (2)

ST, let's give this a try. We will probably have to tinker with it a little to match your site's theme but this should be a good start

.h-new-topic-icon {
  margin-right: 20px;
} 

 .h-new-topic-icon:before { 
  color: #FFFFFF;
  background-color: #43AC6A;
  content: "new";
  display: inline-block;
  font-family: Gotham-Book,Montserrat,sans-serif,sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  border-radius: 3px;
  text-transform: uppercase;
} 

Add Reply

×
×
×
×