Remove empty space in vector-2022

[mortal swallow]

is there a way to remove these empty spaces on the vector-2022 skin or make use of them? They only disappear when the sidebar and tool menu gets collapsed I have tried copying css from other wikis that have this but it doesn't seem to work. https://findthetrollfacesrm.miraheze.org/wiki/Main_Page

[vast osprey]

did this not work?

[mortal swallow]

no

[balmy ibex]

try this one instead the empty space thing in Vector-2022 is usually from how the layout containers work now. this css should clean it up

#.vector-feature-page-tools-disabled #content {
  margin-right: 0;
}

  max-width: none !important;
}

.mw-page-container {
  display: flex;
  justify-content: center;
}

.mw-content-container {
  width: 100%;
  padding: 0 1rem;
}

[mortal swallow]

works 👍

[mortal swallow]

on certain pages when in wide view it makes the page very small, is there a way to make it only do this during limited width mode?

[balmy ibex]

You can make the CSS only apply in limited width mode, so it won’t shrink wide-view pages. Try this:

/* Only adjust layout in limited-width mode */
.vector-feature-limited-width-enabled #.vector-feature-page-tools-disabled #content {
  margin-right: 0;
}

.vector-feature-limited-width-enabled .mw-content-container {
  max-width: none !important;
}

.vector-feature-limited-width-enabled .mw-page-container {
  display: flex;
  justify-content: center;
}

.vector-feature-limited-width-enabled .mw-content-container {
  width: 100%;
  padding: 0 1rem;
}

[mortal swallow]

it doesn't seem like limited width mode has those properties

doesn't work

[sterile kettle]

You could also just use a different skin, that uses the full width of the browser, and set that as default.

[vast osprey]

weird because when I do that it looks like this

[mortal swallow]

can you possibly send the exact css on the battle cats wiki that does that?

[vast osprey]

that's not the battle cats wiki, that's just replacing #content with #content > .mw-body-header, #content > .vector-page-toolbar, #bodyContent

[mortal swallow]

no like the css you are using to make it look like that because just replacing #content with that doesn't do anything to make the bars on the side transparent

[vast osprey]

@mortal swallow that's just css .vector-pinned-container { padding: 8px 16px; background-color: rgba(var(--theme-page-background-color--rgb),0.7); border-radius: var(--page-border-radius); margin: 0; }

for example with --theme-page-background-color--rgb: 30, 30, 30; it looks like this

[mortal swallow]

?