Skip to main content
Topic: Am I the only one seeing these errors in the narrow version? (Read 692 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Am I the only one seeing these errors in the narrow version?

As you can see in the attached picture, there seem to be some issues with the narrow version of the site.

The Logo for the forum is next to an empty box. The empty box highlights, the logo doesn't when hovering over it.
Same thing with the scale, it doesn't highlight, but it seems to be next to just a wider white space?
The logo / button for the Wiki is missing entirely.
The icons that don't highlight, are still clickable, though.

Since nobody has seem to have mentioned this, I wonder if I'm the only one seeing these errors.
They Appear in the following Browsers:

  • Google Chrome 65.0.3325.31 (Official Build) dev (64-bit)
  • midori 0.5.11
  • Firefox Nightly 60.0a1 (2018-02-16) (64-bit)

I've included Midori, as it is a browser using the Webkit engine, while almost all browsers that used to use Webkit moved on to Blink. I have no access to a modern Microsoft browser like Edge, but in all three aforementioned browsers, the error is basically the same.

Although I doubt it, is it down to my settings? The error appears no matter of the theme, whether it's the lite theme or the regular theme, it's the same sort of error, just with slightly different colors.

Re: Am I the only one seeing these errors in the narrow version?

Reply #1
You're not.
But IMO worse problems are the very limited portal that can't show topic starter or number of posts. Keeping track of new posts requires either memorizing the timestamps for last activity or just rechecking the same topics and posts over and over.
And front page proudly shows "Time Format" instead of a proper timestamp for all posts under the news.

Re: Am I the only one seeing these errors in the narrow version?

Reply #2
The portal settings are hard coded, and obviously, the developer had no idea what he was doing there, because I find myself using the "New Posts" button at the top of the forum to read all topics that have been updated.

As for the Time Format, that's up to your profile settings, which allow you to change the formatting of all forum timestamps to whatever you want.

Re: Am I the only one seeing these errors in the narrow version?

Reply #3
That literal "Time Format" string is shown for anyone who isn't logged in.

Re: Am I the only one seeing these errors in the narrow version?

Reply #4
I think "ouch" and could punch a fist in that empty button everytime I see that. That button bar looks indeed a bit shady. ;D   On my Android device, the buttons are not on the same level and not of one size. The last balance-thingy is much bigger than the left neighbour (and I have no clue, where the last three leads to. I should try them.) ;D

Because I'm a developer, that empty menu button was the first thing I saw after the change from the old green theme to this one. The empty square is caused by a developer who didn't understand the CSS rules there and would be pretty easy to fix. Took one minute to "fix" it using the google developer tool (but it doesn't survive site reloads. ;D )

Re: Am I the only one seeing these errors in the narrow version?

Reply #5


Because I'm a developer, that empty menu button was the first thing I saw after the change from the old green theme to this one. The empty square is caused by a developer who didn't understand the CSS rules there and would be pretty easy to fix. Took one minute to "fix" it using the google developer tool (but it doesn't survive site reloads. ;D )

You can contribute here.
https://hydrogenaud.io/index.php/topic,115438.msg952186.html#msg952186

Re: Am I the only one seeing these errors in the narrow version?

Reply #6
Hmm, OK. Well, if that's not an important issue, I guess you can disregard my inquiry, then.

Re: Am I the only one seeing these errors in the narrow version?

Reply #7
Quote
You can contribute here.
https://hydrogenaud.io/index.php/topic,115438.msg952186.html#msg952186
Challenge accepted^^.

I set up a fresh copy of ElkArte 1.1.1 and cloned that theme repository to my testing server.

But the default installation of ElkArte 1.1.1 does not have the problematic buttons so it is looking good here. To me, it is pointless to do any improvements on a testing environment that differs from the real thing in an unknown way. :-D



As you see, a nice looking row of menu buttons. Without knowing any configuration or what changes were made to the parts of the community-software that are not part of the repository, it is impossible to me^^. The only thing: profile-button is a bit off-centered. (The gear item is the admin control that is only seen by an administrator)

Re: Am I the only one seeing these errors in the narrow version?

Reply #8
My point exactly.
Without access to the HA web server it is impossible to know what is going wrong.
I have mentioned the problems is the other thread with no response from the admins.

Re: Am I the only one seeing these errors in the narrow version?

Reply #9
Sorry, I didn't read the complete thread. I just picked the GitHub link from that and read the posting that contained it  :))

You don't need access to the live system. Having a development environment that is exactly equal to the live system would be already enough ;-).

Re: Am I the only one seeing these errors in the narrow version?

Reply #10
The problematic buttons are configured through the Ultimate Menu addon. Naturally, if you add your own menu buttons, they will have different hashes than the ones I added to our forum.

Re: Am I the only one seeing these errors in the narrow version?

Reply #11
I think it would be easier to me to tell, how it can be fixed:

HTML-related:
1. Dig down to the "li"-element of the broken forum button (it's the one with the id "#forum_button")
2. There is an "a" element in it. In that a element, there is a "i" element.
3. That i elements contains a bad unicode character in the class name. Remove that and add the classname "i-home" instead (needs to be changed once more later). If you can do that in the backend, avoid hard-coding it.
4. Shrink the window and see that it is behaving good now. And that both, desktop and mobile layout, have good looking forum button.

Next, edit the CSS:
1. Remove this ruleset completely:  "#button_forum .linklevel1::before". But attention, it is very likely that it exists multiple times inside media queries. Be sure to remove all of them. This ruleset is, where the developer of the original theme actually didn't understand the system and which disturbs the system, because he tried to recreate the entire button in that on the wrong HTML element.
2. Find the ruleset "i-home" and duplicate it to "i-forumlink" (ensure before, that i-forumlink isn't given already).
3. In that duplicate, change the icon
4. Replace "i-home" in the HTML to "i-forumlink".
5. Reload and check if the problem is gone now.

Repeat all these steps with the ballance-button. That button has basically the same issue, but it doesn't look that bad because it is the last button.



Then the menu bar should behave correct and nice now.  ;)

Re: Am I the only one seeing these errors in the narrow version?

Reply #12
Well, it would be nice if things would be more polished, but I can manage using it as it is.

I'd like other things like Markdown and LaTeX rendering, but if you can't do that - well, it's just not gonna happen.

I thought the thing with the buttons was just an oversight, that I thought I'd point out.

Re: Am I the only one seeing these errors in the narrow version?

Reply #13
Everything should be fixed. My comment was just about prioritizing what to fix first. Narrow view is only visible for mobile users and mobile usability was broken when the mobile version was introduced.

Re: Am I the only one seeing these errors in the narrow version?

Reply #14
True. Hitting microscopic click targets with your finger on a desktop web page is way better.

Re: Am I the only one seeing these errors in the narrow version?

Reply #15
@kode54
Can you delete and recreate the forum button from the Ultimate menu, so it creates a new hash.

Re: Am I the only one seeing these errors in the narrow version?

Reply #16
Which forum button? The foobar2000 forum?

Re: Am I the only one seeing these errors in the narrow version?

Reply #17
The HA forum button that is displaying the extra box in mobile view.
It is labeled "button_forum" which seems odd to me. It should have the label "button_hash#"  like the other ultimate buttons do.

Re: Am I the only one seeing these errors in the narrow version?

Reply #18
It's not an ultimate button. It's a SimplePortal button, replacing the Community button, whose action it overrides with the portal.

Re: Am I the only one seeing these errors in the narrow version?

Reply #19
Can you locate the code and replace the icon's classname with a valid one?

Re: Am I the only one seeing these errors in the narrow version?

Reply #20
Oh, I can see you guys have added a couple Icons. They are clickable in both versions, the narrow and the regular width. I guess that works for now?

In case you *ever* decide to port this forum to another forum engine, check out NodeBB. I've ported one forum from phpBB to Woltlab Burning board once, it was horrible, and I'd never do it again.

But should you ever want to do it, NodeBB, it's my favorite forum software right now.


Re: Am I the only one seeing these errors in the narrow version?

Reply #22
What should I change it to, i-forum?

Regarding NodeBB, I think I tried migration of our data to that, and it absolutely choked on the sheer amount of data present in our database.

Re: Am I the only one seeing these errors in the narrow version?

Reply #23
Yes , i-forum will be fine.
I will create a separate entry in icons_svg,css for i-forum since it shares the same icon with i-home.

 

Re: Am I the only one seeing these errors in the narrow version?

Reply #24
I took a look at nodeBB powered forums yesterday. It's a perfect example how modern web tech is nothing but nonsense. Browsing the forums is slow but they added a progress bar so users can see that things are still running. Mobile versions seem to have so huge text and spacing that almost no content fits on the screen. Main point seemed to be that a lot of white around everything is modern and good.

 
SimplePortal 1.0.0 RC1 © 2008-2018