first commit

lib/pkp/styles/controllers/extrasOnDemand.less

@@ -0,0 +1,92 @@
+/**
+ * @defgroup pkp_controllers_extrasOnDemand
+ */
+
+/**
+ * @file styles/controllers/extrasOnDemand.less
+ *
+ * Copyright (c) 2014-2021 Simon Fraser University
+ * Copyright (c) 2003-2021 John Willinsky
+ * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
+ *
+ * @ingroup pkp_controllers_extrasOnDemand
+ *
+ * @brief Styles for pkp_controllers_extrasOnDemand
+ */
+
+.pkp_controllers_extrasOnDemand {
+	display: inline-block;
+
+	> a {
+		position: relative;
+		display: block;
+		padding: 0 1rem 0 (4rem);
+		border: @bg-border;
+		line-height: 3rem;
+		text-decoration: none;
+
+		.fa {
+			position: absolute;
+			top: 0;
+			left: 0;
+			line-height: 3rem;
+			width: 3rem;
+			text-align: center;
+			border-right: @bg-border;
+
+			&:before {
+				display: inline-block;
+				transition: transform 0.3s;
+			}
+		}
+	}
+
+	> .container {
+		padding: 0 1rem;
+		max-height: 0;
+		transition: padding 0.3s;
+		overflow: hidden;
+	}
+
+	.toggleExtras-active {
+		display: none;
+	}
+
+	&.active {
+
+		.toggleExtras-active {
+			display: block;
+		}
+
+		.toggleExtras-inactive {
+			display: none;
+		}
+
+
+		> a .fa:before {
+			-webkit-transform: rotate(45deg);
+			-ms-transform: rotate(45deg);
+			transform: rotate(45deg);
+		}
+
+		> .container {
+			padding: 1rem;
+			max-height: none;
+			border: @bg-border;
+			border-top: none;
+			overflow: auto;
+		}
+	}
+
+	> a:hover,
+	> a:focus,
+	&.active > a {
+		color: #fff;
+		background: @primary;
+		border-color: @primary;
+
+		.fa {
+			border-color: rgba(255,255,255,0.2);
+		}
+	}
+}