Google-route Citys disappear changing height/width

[thedk]

Hey Guys,
colud somebody explain to me why the citys are disappearing when i change the width or the height?
When they are on 250 px erverything is normal.

[thedk]

Tried to change the size of the modul in der custom.css. When i do that, the modul just moves to down or to side, out of the display.
Nobody with the same issue?

[j.e.f.f]

This post is deleted!

[j.e.f.f]

Changing the size of the module might not be enough. You might have to change the size of the map as well. Use the inspector that comes up when you start MM with npm start dev to figure out what elements you need to target in your CSS.

[thedk]

Could you explain me how to do this?

[j.e.f.f]

@thedk start by reading through this thread:

https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works

It goes through how to use the dev tools console to inspect HTML elements for the CSS is use

If you still have questions, post back here and I’ll help as best I can.

[thedk]

Thanks for your help.
So i have to change the size of the region where the modul is i guess.

[j.e.f.f]

@thedk and maybe the region where the map is displayed too. Very possiblenit is sized independently of the outer module wrapper. I can’t say for sure since I haven’t used the module but it would be where I would start looking if I wanted to resize it.

[thedk]

tested it and i dont know why, but it doesnt work.
Thats my custom.css

 body {
 	
 }

.normal {
  color: #fff;
}

.region.top.right,
.region.top.left,
.region.top.center {
  top: 80%;
}

.region.bottom.right,
.region.bottom.center,
.region.bottom.left {
  bottom: 80%;
}

[thedk]

Also with max-width and max-height the map doesnt get smaller, it just moves out of the Display.