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

change auction tabs to auto width #332

Closed

Conversation

MiguelSOliveira
Copy link
Contributor

Before:

imagem

After:

imagem

@MiguelSOliveira MiguelSOliveira changed the title increase auction tabs by 1 pixel change auction tabs to auto width Jan 3, 2022
@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

Bruh, for me, it looks terrible.

bruh

You gotta keep in mind that everyone has a little different UI because of different languages (pixels are different). And for me, original looks best.

@MiguelSOliveira
Copy link
Contributor Author

MiguelSOliveira commented Jan 3, 2022

I'm sorry, how does it look terrible?

I am keeping in mind different languages which is why I'm doing this? Since right now different languages have different behaviors

@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

Because it's this:

bruh2

vs

bruh

Which one would you prefer? Well I prefer the original, so the first one.

You are doing Gameforge's dirty work, they should fix it in the first place, but they won't, because they don't give a shit.

@MiguelSOliveira
Copy link
Contributor Author

MiguelSOliveira commented Jan 3, 2022

And for the English players and those with even longer tab names? Which one do you prefer?

I'm just trying to make the tabs not crop into the above content for everyone

@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

Then don't use auto, and make it with a fixed size, so mine doesn't look like small crap.

@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

zindex

Ever heard about z-index?

@MiguelSOliveira
Copy link
Contributor Author

I'm sorry, just to clarify, are you being sarcastic or are you actually wondering if I've heard of z-index?

@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

Well, yes, I am asking. This seems better, than resizing it, because you never know how it will look like in all languages.

Unless you want to see the whole banner, and you really, really need those few banner pixels to be visible.

@MiguelSOliveira
Copy link
Contributor Author

MiguelSOliveira commented Jan 3, 2022

Honestly I think the 2 lines bother me about as much as you with the small sizes..

I could also add padding to the sides, but I'll wait and see if anyone else has other suggestions or shares the same view as me.

If not, I'll just add this commit to my fork and use the solution for myself.

And yes, I have heard about z-index, just that for this case I think that one line would be better.

@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

Ever heard about white-space (nowrap)? :D
whitespace

@MiguelSOliveira
Copy link
Contributor Author

How does it look with languages with a bit more text? 🙂

@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

I think you are just declining any other solution, than yours.

@MiguelSOliveira
Copy link
Contributor Author

That's fair... I'm really not and I'm sorry it comes off that way.

I'm trying to implement responsive design, that's all.

@MiguelSOliveira
Copy link
Contributor Author

If we are okay with just fixing English, the simplest solution is to increase width by 1 pixel.

That would solve my problem, so I'll wait to hear from others if that's enough. If it is, I would be happy with that!

@GreatApo
Copy link
Member

GreatApo commented Jan 3, 2022

Guys, there is no reason for sarcasm and offends. We are here with the same goal.

width: auto; combined with an increase of the right-left padding (eg. padding: 3px 8px;) seems a good solution for double line tabs. That been said, we probably need to enable this style only when the problem exists....

@GreatApo
Copy link
Member

GreatApo commented Jan 3, 2022

Are you both happy with my last commit 60e033b ?

@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

Miguel has to test it, in my language, there is no single double-line tab. So for me, nothing changed, which is good I think.

Apo has always the best solutions somehow, as always.

@FrutyX
Copy link
Collaborator

FrutyX commented Jan 3, 2022

Nvm, I wanted to create an english acc anyway, yep, it seems to be working:

ok

@MiguelSOliveira
Copy link
Contributor Author

Will test tomorrow guys, and will let you know.

Thank you both for testing!

@MiguelSOliveira
Copy link
Contributor Author

Looks good, I'll close this issue.

Thank you!

@MiguelSOliveira MiguelSOliveira deleted the add_tab_width branch January 4, 2022 09:22
@GramThanos
Copy link
Member

Bug
image

GramThanos added a commit that referenced this pull request Jan 20, 2022
FrutyX added a commit that referenced this pull request Sep 28, 2022
Tested on Chrome & Firefox and multiple different languages, hopefully it will not cause mess somewhere...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

4 participants