Testing Ultrawide Mode

DownPW

I'm trying to increase the reading surface of topics for ultrawide screens.

I have the following code which works very well:

@media screen and (min-width: 2560px) {

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1800px;
	}
	.page-topic .topic .posts {
		max-width: 1500px !important;
		width: 1500px !important;
	}
	.page-topic .pagination-block {
    position: relative;
    right: 0px !important;
}
}

I have just one bug with the topic tools on bottom right of posts : It does not appear correctly: a mouse over on it does not work. it only appears if I put the mouse in the middle of the post. I can't select it and use it. Same if I set the opacity to 1, it appears but I cannot use it.

I can't find the right CSS class

phenomlab

@DownPW This is likely to be caused by the progress bar on the right. Try setting z-index on the topic tools

DownPW

Seems .page-topic .topic .posts [component=post] [component="post/actions"] have static position @phenomlab

DownPW

Seems to be better with this :

.page-topic .topic .posts [component=post] [component="post/actions"] {
    opacity: 0;
    transition: opacity 0.15s linear;
    position: relative;
    z-index: 1;
}

phenomlab

@DownPW Yes, you have to change the position to be able to use z-index

DownPW

seems this distorts the recent card, I have the impression that I cannot widen the reading area without the div where the Recent Card is present ? right @phenomlab ?