MediaWiki:Gadget-slick.css - Revision history

Domino: Undo revision 26539 by Domino

2022-09-04T22:48:58Z

Undo revision 26539 by Domino

@@ Line 258: / Line 258: @@
 		max-width: 100vw;
+	}
+}

2022-09-04T22:45:52Z

@@ Line 258: / Line 258: @@
 		max-width: 100vw;
+	}
+}

2022-09-04T22:02:07Z

← Older revision		Revision as of 22:02, 4 September 2022
Line 217:		Line 217:
	font-weight: 600;		font-weight: 600;
	display: flex;		display: flex;
	justify-content: start;		justify-content: var(--text-horizontal, start);
	align-items: end;		align-items: var(--text-vertical, end);
	height: calc(100% - 1em);		height: calc(100% - 1em);
	width: calc(100% - 1em);		width: calc(100% - 1em);
Line 253:		Line 253:
	opacity: 0.8;		opacity: 0.8;
	transition: opacity ease-in-out 500ms, scale ease-in-out 500ms;		transition: opacity ease-in-out 500ms, scale ease-in-out 500ms;
			}

			.slider-cards .gallerytext.gallerytext {
			max-width: 100vw;
	}		}
	}		}

2022-09-04T18:31:51Z

2022-08-26T01:03:25Z

← Older revision		Revision as of 01:03, 26 August 2022
Line 234:		Line 234:

	@media only screen and (max-width: 640px) {		@media only screen and (max-width: 640px) {
	.slider~~-dpl~~ .gallerybox {		.slick-slider .gallerybox {
	width: 100% !important;		width: 100% !important;
	}		}

	.slider~~-dpl~~ .gallerybox > div {		.slick-slider .gallerybox > div {
	margin: 0 auto;		margin: 0 auto;
	}		}

2022-08-26T00:09:04Z

← Older revision		Revision as of 00:09, 26 August 2022
Line 223:		Line 223:

	/* custom version of the slider-opacity class (which might alse be custom?), identical to s-dpl and s-cards behaviour on mobile */		/* custom version of the slider-opacity class (which might alse be custom?), identical to s-dpl and s-cards behaviour on mobile */
	.slider-focus .slick-current {		.slider-focus.slider-focus .slick-current {
	scale: 1;		scale: 1;
	opacity: 1;		opacity: 1;
Line 230:		Line 230:
	scale: 95%;		scale: 95%;
	opacity: 0.8;		opacity: 0.8;
			transition: opacity ease-in-out 500ms, scale ease-in-out 500ms
	}		}

Line 241:		Line 242:
	}		}

	.slider-dpl .slick-current,		.slider-dpl.slider-dpl .slick-current,
	.slider-cards .slick-current {		.slider-cards.slider-cards .slick-current {
	scale: 1;		scale: 1;
	opacity: 1;		opacity: 1;
	}		}

	.slider-dpl .slick-slide,		.slider-dpl .slick-slide,
	.slider-cards .slick-slide {		.slider-cards .slick-slide {
	scale: 95%;		scale: 95%;
	opacity: 0.8;		opacity: 0.8;
			transition: opacity ease-in-out 500ms, scale ease-in-out 500ms;
	}		}
	}		}

2022-08-26T00:03:54Z

slider-focus class

@@ Line 220: / Line 220: @@
 	height: calc(100% - 1em);
 	width: calc(100% - 1em);
+}
@@ Line 229: / Line 239: @@
 	.slider-dpl .gallerybox > div {
 		margin: 0 auto;
+	}
+}

2022-08-25T23:29:15Z

@@ Line 220: / Line 220: @@
 	height: calc(100% - 1em);
 	width: calc(100% - 1em);
+}

2022-08-25T23:19:33Z

← Older revision		Revision as of 23:19, 25 August 2022
Line 171:		Line 171:
	.slider-cards .slick-slide > div, .slider-cards .gallerybox,		.slider-cards .slick-slide > div, .slider-cards .gallerybox,
	.slider-cards .gallerybox > div, .slider-cards .thumb,		.slider-cards .gallerybox > div, .slider-cards .thumb,
	.slider-cards .thumb > div, .slider-cards .slick-slide img {		.slider-cards .thumb > div, .slider-cards .slick-slide img,
			.slider-cards .gallerytext > p {
	height: 100% !important;		height: 100% !important;
	}		}
Line 219:		Line 220:
	height: calc(100% - 1em);		height: calc(100% - 1em);
	width: calc(100% - 1em);		width: calc(100% - 1em);
	}

	~~.slider-cards .gallerytext > p {~~
	~~display:flex;~~
	~~justify-content: start;~~
	~~align-items: end;~~
	}		}

2022-08-25T23:18:01Z

← Older revision		Revision as of 23:18, 25 August 2022
Line 171:		Line 171:
	.slider-cards .slick-slide > div, .slider-cards .gallerybox,		.slider-cards .slick-slide > div, .slider-cards .gallerybox,
	.slider-cards .gallerybox > div, .slider-cards .thumb,		.slider-cards .gallerybox > div, .slider-cards .thumb,
	.slider-cards .thumb > div, .slider-cards .slick-slide img,		.slider-cards .thumb > div, .slider-cards .slick-slide img {
	~~.slider-cards .gallerytext > p~~ {		height: 100% !important;
	height: 100%;
	}		}

Line 185:		Line 184:
	margin: 0;		margin: 0;
	font-size: 0;		font-size: 0;
			border-radius: var(--radius);
	}		}

Line 212:		Line 212:
	color: inherit;		color: inherit;
	white-space: normal;		white-space: normal;
	~~margin~~: .5em .5em;		padding: .5em .5em;
	font-weight: 600;		font-weight: 600;
			display: flex;
			justify-content: start;
			align-items: end;
			height: calc(100% - 1em);
			width: calc(100% - 1em);
	}		}