MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 1,018: Line 1,018:


/* =========================================================
/* =========================================================
   OOO BROWSER (Stable two-column layout)
   OOO BROWSER — HARD LOCKED LAYOUT
   ========================================================= */
   ========================================================= */


Line 1,026: Line 1,026:
   gap:34px;
   gap:34px;
   margin-top:14px;
   margin-top:14px;
  /* lock layout height */
  max-height:calc(100vh - 120px);
}
}


/* LEFT MENU — NEVER MOVES */
/* LEFT MENU */
 
.ooo-browser__list{
.ooo-browser__list{
   position:sticky;
   position:sticky;
Line 1,035: Line 1,039:
}
}


/* RIGHT PANEL — INTERNAL SCROLL */
/* RIGHT PANEL */
 
.ooo-browser__panel{
.ooo-browser__panel{
   max-height:calc(100vh - 120px);
   height:calc(100vh - 120px);
   overflow-y:auto;
   overflow-y:auto;


Line 1,044: Line 1,049:
}
}


/* infobox */
/* panels */
.ooo-browser__panel .ooo-infobox{
  margin:0;
  float:none;
  width:100%;
}


/* panels */
.ooo-browser__info{
.ooo-browser__info{
   display:none;
   display:none;
Line 1,076: Line 1,075:
   cursor:pointer;
   cursor:pointer;
   font-weight:700;
   font-weight:700;
   transition:.15s ease;
   transition:.15s ease;
   position:relative;
   position:relative;
}
}
Line 1,090: Line 1,089:
   background:rgba(245,196,0,0.10);
   background:rgba(245,196,0,0.10);
}
}
/* active arrow */


.ooo-browser__item.is-active::after{
.ooo-browser__item.is-active::after{
Line 1,109: Line 1,106:
   .ooo-browser{
   .ooo-browser{
     grid-template-columns:1fr;
     grid-template-columns:1fr;
    max-height:none;
   }
   }


   .ooo-browser__panel{
   .ooo-browser__panel{
     max-height:none;
     height:auto;
     overflow:visible;
     overflow:visible;
     border-left:none;
     border-left:none;
     padding-left:0;
     padding-left:0;
     border-top:1px solid var(--ooo-border);
     border-top:1px solid var(--ooo-border);
     padding-top:16px;
     padding-top:16px;