Color code pills, improve styles (49cbc828) · Commits · Fachschaft / Portal

portal/static/css/main.css

+42 −6

Changes for portal/static/css/main.css: 42 added lines, 6 removed lines.
Original line number	Diff line number	Diff line
		@@ -347,28 +347,64 @@ a.detail:hover {

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

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

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

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

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

		&.next-meeting {
		background-color: #d038ce;
		color: white;
		}

		&.to-do {
		background-color: #387bd0;
		color: white;
		}

		&.in-progress {
		background-color: #c5520c;
		color: white;
		}

		&.done {
		background-color: green;
		color: white;
		}

		&.discarded {
		background-color: #970808;
		color: white;
		}
		}
		}
		}

		.agenda ol li div {
		display: grid;
		grid-template-columns: auto max-content;
		column-gap: 1em;
		padding: 0.3em 0;

		&:has(.pill):hover {
		background-color: rgba(255, 255, 0, 0.16);
		}
		}

		@media (max-width: 1390px) {