Template:Project Board/styles.css - Revision history

Tesinormed at 08:16, July 9, 2025

2025-07-09T08:16:19Z

← Older revision		Revision as of 08:16, July 9, 2025
Line 7:		Line 7:
	gap: var(--space-md);		gap: var(--space-md);
	width: 100%;		width: 100%;
			overflow-x: scroll;
	}		}

Line 15:		Line 16:
	background: var(--color-surface-1);		background: var(--color-surface-1);
	border: var(--border-base);		border: var(--border-base);
			overflow: hidden;
	}		}

2025-07-09T08:16:07Z

2025-07-09T08:15:20Z

← Older revision		Revision as of 08:15, July 9, 2025
Line 12:		Line 12:
	.project-board-fullscreen {		.project-board-fullscreen {
	display: grid;		display: grid;
	grid-template-columns: repeat(4, 1fr);		grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: var(--space-md);		padding: var(--space-md);
	background: var(--color-surface-1);		background: var(--color-surface-1);

2025-07-04T03:35:01Z

2025-06-30T05:59:07Z

← Older revision		Revision as of 05:59, June 30, 2025
Line 34:		Line 34:
	grid-template-columns: repeat(3, 1fr);		grid-template-columns: repeat(3, 1fr);
	}		}
⚫	}

⚫	~~.project-board-fullscreen~~ .project-board-card-file img {
⚫	max-width: 100%;
⚫	height: auto;
⚫	object-fit: contain;
	}		}

Line 56:		Line 50:
	border: var(--border-base);		border: var(--border-base);
	flex: 0 0 var(--template-arg-column-basis);		flex: 0 0 var(--template-arg-column-basis);
	max-width: ~~100%~~;		max-width: var(--template-arg-column-basis);
	}		}

Line 90:		Line 84:
	.project-board-card-file > a:first-child {		.project-board-card-file > a:first-child {
	border-radius: 0;		border-radius: 0;
		⚫	}

		⚫	.project-board-card-file img {
		⚫	max-width: 100%;
		⚫	height: auto;
		⚫	object-fit: contain;
	}		}

2025-06-30T05:57:21Z

← Older revision		Revision as of 05:57, June 30, 2025
Line 55:		Line 55:
	background: var(--color-surface-1);		background: var(--color-surface-1);
	border: var(--border-base);		border: var(--border-base);
	flex: 0 0 ~~400px~~;		flex: 0 0 var(--template-arg-column-basis);
	max-width: 100%;		max-width: 100%;
	}		}

2025-06-30T05:45:35Z

← Older revision		Revision as of 05:45, June 30, 2025
Line 40:		Line 40:
	height: auto;		height: auto;
	object-fit: contain;		object-fit: contain;
			}

			.project-board-fullscreen .project-board-card-content {
			text-align: center;
	}		}

2025-06-30T05:43:50Z

← Older revision		Revision as of 05:43, June 30, 2025
Line 26:		Line 26:
	@media (max-height: 639px) and (orientation: landscape) {		@media (max-height: 639px) and (orientation: landscape) {
	.project-board-fullscreen {		.project-board-fullscreen {
	grid-template-columns: repeat(2, 1fr);		grid-template-columns: repeat(3, 1fr);
	}		}
	}		}
Line 32:		Line 32:
	@media (min-width: 640px) and (max-width: 1119px) and (orientation: portrait) {		@media (min-width: 640px) and (max-width: 1119px) and (orientation: portrait) {
	.project-board-fullscreen {		.project-board-fullscreen {
	grid-template-columns: repeat(2, 1fr);		grid-template-columns: repeat(3, 1fr);
	}		}
	}		}

2025-06-30T05:43:28Z

← Older revision		Revision as of 05:43, June 30, 2025
Line 24:		Line 24:
	}		}

	@media (max-height: ~~1119px~~) and (orientation: landscape) {		@media (max-height: 639px) and (orientation: landscape) {
	.project-board-fullscreen {		.project-board-fullscreen {
	grid-template-columns: repeat(2, 1fr);		grid-template-columns: repeat(2, 1fr);

2025-06-30T05:42:37Z

← Older revision		Revision as of 05:42, June 30, 2025
Line 24:		Line 24:
	}		}

	@media (max-height: ~~639px~~) and (orientation: landscape) {		@media (max-height: 1119px) and (orientation: landscape) {
	.project-board-fullscreen {		.project-board-fullscreen {
	grid-template-columns: repeat(2, 1fr);		grid-template-columns: repeat(2, 1fr);