2022-05-06 21:45:05 +00:00
|
|
|
/**
|
|
|
|
|
* Critial rendering styles
|
|
|
|
|
*
|
|
|
|
|
* Since ext.tabberNeue is loaded a while after page load,
|
|
|
|
|
* inline styles are needed to create an inital state and
|
|
|
|
|
* avoid potential layout shifts. This should be kept as
|
|
|
|
|
* small as possible.
|
|
|
|
|
*
|
|
|
|
|
* Used in Tabber.php and TabberTransclude.php
|
|
|
|
|
*/
|
|
|
|
|
|
2023-02-16 19:02:04 +00:00
|
|
|
/* stylelint-disable selector-class-pattern */
|
|
|
|
|
|
2023-07-05 22:03:00 +00:00
|
|
|
/* Skeleton UI */
|
2023-02-16 19:02:04 +00:00
|
|
|
.client-js .tabber__header {
|
2022-05-06 21:45:05 +00:00
|
|
|
height: 2.6em;
|
|
|
|
|
box-shadow: inset 0 -1px 0 0;
|
|
|
|
|
opacity: 0.1;
|
|
|
|
|
}
|
|
|
|
|
|
2023-02-16 19:02:04 +00:00
|
|
|
.client-js .tabber__header:after {
|
2022-05-06 21:45:05 +00:00
|
|
|
position: absolute;
|
|
|
|
|
width: 16ch;
|
|
|
|
|
height: 0.5em;
|
2022-10-21 19:54:44 +00:00
|
|
|
border-radius: 40px;
|
2022-05-06 21:45:05 +00:00
|
|
|
margin-top: 1em;
|
|
|
|
|
margin-left: 0.75em;
|
|
|
|
|
background: #000;
|
2023-07-05 22:03:00 +00:00
|
|
|
/* Use double quote in PHP */
|
2022-05-06 21:45:05 +00:00
|
|
|
content: '';
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-05 22:03:00 +00:00
|
|
|
.client-js .tabber__noscript {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Hide all other panels
|
|
|
|
|
* All panels are stacked vertically initially
|
|
|
|
|
* then panels are stacked horizontally after Tabber is loaded
|
|
|
|
|
* Causing lots of layout shift
|
|
|
|
|
*/
|
2023-02-16 19:02:04 +00:00
|
|
|
.client-js .tabber__panel:not( :first-child ) {
|
2022-05-06 21:45:05 +00:00
|
|
|
display: none;
|
|
|
|
|
}
|
