Add styles for pill UI control (554fe84b) · Commits · Fachschaft / Portal

portal/static/css/main.css

+33 −0

Changes for portal/static/css/main.css: 33 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		@@ -338,6 +338,39 @@ a.detail:hover {
		top: 2px;
		}

		/* ------------------------ Pills ------------------------ */
		.pill {
		display: inline-flex;

		padding-left: 0;
		margin: 0;

		border-radius: 10px;
		box-shadow: 2px 1px 8px gray;
		}

		.pill li {
		display: inline;
		list-style: none;
		padding: 0 7px;
		cursor: pointer;
		}

		.pill li:first-child {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		}

		.pill li:last-child {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		}

		.pill li.active {
		background-color: var(--primary-light);
		color: var(--on-primary);
		}

		@media (max-width: 1390px) {
		.services {
		grid-template-columns: repeat(5, min-content);