Mems are very small during review

Memrise Bug Control Web Bugs
21

Memrise sure seems to have a very unique definition of a “bug.”

Everyone else defines a bug as an unanticipated and undesired behavior of a program, but in this case, the mems are displaying exactly as specified in the stylesheet that their designer wrote. They constrained the mems to the interior of a container with a small fixed width of 435pixels, and 75pixels of side padding. That leaves just 285 pixels of width for the mem to appear in, which is exactly what they were doing. So how is that a bug? It is entirely predictable, and in exact conformance with what their designer wrote. This was the controlling style yesterday:

.garden-box .mem-selection .mem-selection-inner {
 display:block;
 padding:0 75px;
 margin-left:-25px;
 width:435px;
 overflow:hidden;
 position:relative;
 top:0;
 min-height:630px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-transition-duration:.2s;
 transition-duration:.2s;
 -webkit-transition-property:width, opacity, margin;
 transition-property:width, opacity, margin
}

Today they’ve changed he container size a bit, to 510pixels, so an increase of just 75 pixels in width.

So I don’t understand how they think that they can legitimately call it a bug, when we can read the CSS, and see that it was intentional and it behaved exactly as specified. Obviously it was a bad design decision, but that doesn’t make it a “bug.”

2 Likes
22

From the discussion I had, this was not intentional. There were no direct changes towards mems itself.

We upgraded from bootstrap 2 to 3 which changed the box model. The box sizing changed to border-box in that library as a result we have had to change the dimension of some of the boxes.

1 Like
23

The relevant CSS style is not a part of the standard bootstrap code, but rather custom Memrise code.

The width and padding of the container isn’t a random, unanticipated side effect of a change in the bootstrap code or its box model. The Memrise designer manually specified those fixed dimensions precisely, and they could see in advance exactly how the mems would look with that style applied to them, before they published their code. They and their supervisor must have been satisfied with the result, because nothing about this was unpredictable or a mysterious side effect.

1 Like
24

Hi @Joshua, I see the mems (or info as part of the course) are showing half off the top of the ‘page’.

Try getting these two telescopes right: https://www.memrise.com/course/110221/gcse-ocr-p7-studying-the-universe/13/

25

I’ve had a look into this and it seems the cause of this is because the “Always Show” is checked.

01

Here’s how the session looks like when its checked.

09
092560×1440 245 KB

Here’s how the session looks like when its not checked.

31
312560×1440 230 KB

2 Likes
26

Thank you so much @Joshua for looking into this for me.

I’ve had a look into this and it seems the cause of this is because the “Always Show”

It would be nice if it showed it in full, as a reminder, but obviously it can’t, so best to untick the box.

Thanks again.

1 Like
27

that means that the mems too small/cannot click “go without a mem” will stay this way?

thanks