MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
Content added Content deleted
(testing scrollbar changes for horizontally scrollable tables)
(Tweaks to horizontal scroll tables)
Line 165: Line 165:


.scroll {
.scroll {
-moz-transition: all .25s ease-in;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
display: block;
display: block;
max-width: fit-content;
max-width: fit-content;
Line 171: Line 174:
overflow-x: scroll;
overflow-x: scroll;
white-space: nowrap;
white-space: nowrap;
padding: 0 0 10px;
padding: 0;
margin: 1em 0 -4px;
margin: 1em 0 -4px;
background-color: #150D0A;
background-color: #150D0A;
border-width: 0;
border-width: 0;
scrollbar-width: thin;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
scrollbar-color: #B18D6220 transparent;
}
}
.scroll:hover {
.scroll:hover {
Line 183: Line 186:
.scroll > * > tr > th:first-child {
.scroll > * > tr > th:first-child {
position: sticky;
position: sticky;
left: -1px;
left: 0;
margin: 0 13px;
margin: 0 13px;
border-width: 1px;
border-width: 1px;
border-left: 1px solid #271C12;
box-shadow: -1px 0 0 0 #271C12, 1px 0 0 0 #271C12 inset, -1px 0 0 0 #271C12 inset;
box-shadow: -1px 0 0 0 #271C12, 1px 0 0 0 #271C12 inset, -1px 0 0 0 #271C12 inset;
}
/* Lower/thicken the horizontal scrollbar in Firefox
to avoid being overlapped with the table */
@supports (-moz-appearance:none) {
.scroll {
padding-bottom: 10px !important;
scrollbar-width: auto !important;
}
}
}