MediaWiki:Common.css: Difference between revisions

From He is Coming Official Wiki
mNo edit summary
mNo edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
.mw-parser-output .borderline-flex {
/* Gör att borderline-tabellen aldrig överlappar infoboxen på bred skärm */
  display: flex;
.mw-parser-output > .borderline {
  align-items: center;
  /* Gör så att raden fyller utrymmet men wraps om infobox finns */
}
 
.mw-parser-output .borderline-flex > .borderline {
  flex: 1 1 0;
   max-width: 100%;
   max-width: 100%;
   margin: 0;
   box-sizing: border-box;
}
  margin-right: 370px; /* Samma eller lite mer än din infobox-bredd! */
 
  margin-left: 0;
.mw-parser-output .borderline-flex {
   margin-top: 2em;
   margin-top: 2em;
   margin-bottom: 2em;
   margin-bottom: 2em;
  /* Lägg till detta så tabellen alltid håller sig inom sin container */
  overflow-x: auto;
}
}


/* På mindre skärmar låt allt gå 100% */
/* När fönstret är smalt (t.ex. mobil), ta bort marginalen så linjen blir fullbredd */
@media (max-width: 1200px) {
@media (max-width: 1200px) {
   .mw-parser-output .borderline-flex {
   .mw-parser-output > .borderline {
     display: block;
     margin-right: 0 !important;
  }
  .mw-parser-output .borderline-flex > .borderline {
    width: 100% !important;
     max-width: 100% !important;
     max-width: 100% !important;
   }
   }
}
}

Revision as of 13:55, 2 August 2025

/* CSS placed here will be applied to all skins */
/* Gör att borderline-tabellen aldrig överlappar infoboxen på bred skärm */
.mw-parser-output > .borderline {
  max-width: 100%;
  box-sizing: border-box;
  margin-right: 370px; /* Samma eller lite mer än din infobox-bredd! */
  margin-left: 0;
  margin-top: 2em;
  margin-bottom: 2em;
  /* Lägg till detta så tabellen alltid håller sig inom sin container */
  overflow-x: auto;
}

/* När fönstret är smalt (t.ex. mobil), ta bort marginalen så linjen blir fullbredd */
@media (max-width: 1200px) {
  .mw-parser-output > .borderline {
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}