Module:Random slideshow/sandbox/styles.css: Difference between revisions

Revision as of 09:19, 29 April 2021

Revision as of 09:21, 29 April 2021

Line 6:

/* == On mobile, show the switcher labels in a sort-of gallery-like format == */

/* Make labels sit side-by-side */

.randomSlideshow-container label {

display:inline-block !important; /* overrides inline style */

padding:0.2em 0.3em;

}*/

/* Hide the "Show all" option */

.randomSlideshow-container label:last-child {

display:none !important; /* overrides inline style */

}

/* MakeVisually surehide the labels' aretext underneathcontent, notbut alongsideretain thescreenreader access gallery(hopefully) */

.randomSlideshow-container .gallerybox {

display:block;

}

/* Visually hide the labels' text content, but retain screenreader access (hopefully) *

.randomSlideshow-container .randomSlideshow-sr-only {

display:block;

Line 27 ⟶ 23:

text-indent:-999px;

overflow:hidden;

}

/* Make sure the labels are underneath not alongside the gallery *

.randomSlideshow-container .gallerybox {

display:block;

}