MyBB Community Forums

hello

i have upgrade to mybb 1.8.13

but i am still find problem like 1.8.12





how to fix it?

does it also happen to MyBB's stock theme ?

looks like code in templates need updating.

upgrading guidance Wrote:Visit your Admin Control Panel, then go to Templates & Style > Templates > Find Updated Templates.
This will show you a list of all the templates that have changed during the upgrade.

You can either revert these templates to their default - meaning all the changes you've made to it will be removed
- or you can see a Diff Report which will show you exactly what's changed. If you have a custom theme installed,
it is probably best that you look at the Diff Report and apply the changes you need.

i don't know this is same issue or not

after i choose Diff Report in index_boardstats

my login pop up move to left bottom side

modifying index_boardstats template should have no affect on the position of login popup.
have you taken backup of the theme before editing its templates ?

Happening to me also. With the default template, login will pop up in the bottom left corner of the page now. Need to clear the cache to get this.

i.e. things that pops up in a new window (login or my alerts) works. But if I click shift-reload.. They are added to the bottom left corner now.

edit: No problems in community.mybb.com even after I cleared the cache (login pops up in it's own window).

edit2: Pop up works again if I revert default template's global.css file. Not sure how to get my forum theme to work though.

^ Thank You
with MyBB 1.8.13 release announcement, we have a note saying that theme’s CSS files might need updating
however at present could not get what exactly needs to be changed & where ..

modal related css in the global.css (after /** jGrowl End **/)

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 400px;
	text-align: left;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

(2017-11-08, 11:20 AM).m. Wrote: [ -> ]modifying index_boardstats template should have no affect on the position of login popup.
have you taken backup of the theme before editing its templates ?

Hi .m.

After the upgrade, looks like default global.css is missing the modal block (from /** Modal Start **/ to /** Modal End **/). This is the reason for the login window problem. The default template can be fixed by reverting it. 

But folks with custom templates can copy that block to the themes' global.css. Once done MyAlerts and Login will work again (tested only with w3-responsive so YMMV).

Edit: Missed it by that much.   Thanks .m.

^ Thank You for tracing the CSS code

can you help me
how to fix it?

i don't understand

1. Go to "Templates & Style"
2. Click on the theme you want to edit
3. Click global.css "Option" button
4. Click 'Edit Style'
5. Click "Edit Styleshee: Advanced Mode"
6. Copy and paste the modal start code block (from post #6) to the end of the global.css
7. Click 'Save Changes & Close'

And if you do shift-F5, pop up should work now.