Alert box: added chevron icon for expanding box

zopefoundation · May 3, 2019 · 49decbf · 49decbf
1 parent 0001f7e
commit 49decbf
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 7 deletions.
diff --git a/src/zmi/styles/resources/zmi_base.css b/src/zmi/styles/resources/zmi_base.css
@@ -30,14 +30,26 @@ main.container-fluid .alert {
 main.container-fluid .alert pre {
 	margin:0;
 	max-height:4em;
-	overflow-y:scroll;
-	overflow-x:hidden;
+	overflow:hidden;
 	cursor:pointer;
 }
-main.container-fluid .alert pre.fullheight {
+main.container-fluid .alert pre.alert_xl:after {
+	content: "\f078";
+	position:absolute;
+	display:block;
+	white-space:normal;
+	bottom: .5em;
+	right: 1em;
+	font-family: fontawesome;
+	opacity: .5;
+}
+main.container-fluid .alert pre.fullheight.alert_xl {
 	max-height: fit-content;
-	overflow-y: hidden;
 }
+main.container-fluid .alert pre.fullheight.alert_xl:after {
+	content: "\f077";
+}
+
 /* BUTTONS / CONTROLS */
 
 a {

diff --git a/src/zmi/styles/resources/zmi_base.js b/src/zmi/styles/resources/zmi_base.js
@@ -219,8 +219,11 @@ $(function() {
 	}
 
 	// EXPAND LONG ERROR ALERTS
-	$('main.container-fluid .alert pre').click( function() {
-		$(this).toggleClass('fullheight');
-	})
+	if ($('main.container-fluid .alert pre').text().split(/\n/).length > 2) {
+		$('main.container-fluid .alert pre').addClass('alert_xl');
+		$('main.container-fluid .alert pre').click( function() {
+			$(this).toggleClass('fullheight');
+		})
+	}
 
 });