[Bug] Bad selection menu on Chrome mobile

[Monniasza]

Description (What went wrong?):
The menu is transparent and hard to read

Reproduction Steps (What did you do?):
Open menu with [≡] button

Expected Behavior (What do you think should have happened instead?):
The menu is opaque

Environment (OS/Browser/Plugins/etc):
Browser: Google Chrome
OS: Android 10 KQK1.200114.002

Extra Information (Screenshots/Error Messages/Javascript Console Output):

[V1TA5]

SpaceDock is sadly not compatible with mobile devices in portrait mode.

[HebaruSan]

Seems to be built into Bootstrap. If I disable this property, it ceases to be transparent:

⇒

Probably not worth trying to fight the frawework.

[V1TA5]

I wonder why that exists. My guess would be: The template is using things wrong.

Btw heres my Mantra again: lets redo the templates.

[HebaruSan]

The template is about as simple as can be in this case, probably not doing anything wrong:

SpaceDock/templates/layout.html

Lines 87 to 99 in ebb54cb

	<ul class="dropdown-menu" >
	<li>
	<a href="#" data-toggle="modal" data-target="#loginModal">Login</a>
	</li>
	{% if registration %}
	<li><a href="{{ url_for("accounts.register") }}">Register</a></li>
	{% endif %}
	<li class="divider"></li>
	<li><a href="{{ donation_link }}" target="_BLANK">Donate</a></li>
	<li class="divider"></li>
	<li><a href="/random">Random Mod</a></li>
	<li><a href="/blog">Blog</a></li>
	</ul>

Not sure what that implies for your mantra.

[HebaruSan]

Actually it looks like you did this, @V1TA5: 75c918d

Since it's one of these ill-advised hacks in the bootstrap files, and there's no documentation of what you were trying to fix, maybe we can just revert it.

[HebaruSan]

And it was pointed out soon after that:

#145 (comment)