Add disabled styles for actions and pills (db2974d3) · Commits · Fachschaft / Portal

portal/static/css/main.css

+31 −23

Changes for portal/static/css/main.css: 31 added lines, 23 removed lines.
Original line number	Diff line number	Diff line
		@@ -285,24 +285,46 @@ a.detail:hover {
		.fancy.box .action {
		display: grid;
		grid-template-columns: max-content max-content;
		column-gap: 0.5em;

		text-decoration: none;
		border-top: 1px solid gray;
		justify-content: center;
		align-content: center;
		column-gap: 0.5em;

		color: var(--primary);
		background: rgba(255, 255, 255, 0.9);

		border-top: 1px solid gray;
		border-bottom-right-radius: 1em;
		border-bottom-left-radius: 1em;

		position: relative;
		top: 0;
		left: 0;

		cursor: pointer;

		&.disabled {
		cursor: default;
		}

		&:not(.disabled):active {
		box-shadow: none;
		left: 2px;
		top: 2px;
		}

		.fancy.box .action > i {
		> i {
		font-size: 130%;
		}
		}

		.fancy.box {
		background: none;
		height: max-content;
		}

		.fancy.box:has(.action:active) {
		.fancy.box:has(.action:not(.disabled):active) {
		box-shadow: none;
		}

		@@ -317,28 +339,10 @@ a.detail:hover {
		z-index: 2;
		}

		.fancy.box .content:has(+ .action:active) {
		.fancy.box .content:has(+ .action:not(.disabled):active) {
		box-shadow: var(--shadow-width) var(--shadow-width) 5px rgba(0, 0, 0, 0.5);
		}

		.fancy.box .action {
		background: rgba(255, 255, 255, 0.9);
		border-bottom-right-radius: 1em;
		border-bottom-left-radius: 1em;
		}

		.fancy.box .action {
		position: relative;
		top: 0;
		left: 0;
		}

		.fancy.box .action:active {
		box-shadow: none;
		left: 2px;
		top: 2px;
		}

		/* ------------------------ Pills ------------------------ */
		.pill {
		display: inline-flex;
		@@ -355,6 +359,10 @@ a.detail:hover {
		padding: 0 7px;
		cursor: pointer;

		&.disabled {
		cursor: default;
		}

		&:first-child {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;