From 60c80d105153dd1f696db094375457e8799e62eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Thu, 9 Aug 2018 15:26:55 +0200
Subject: [PATCH 1/2] portal agent: style cells and search results (#25922)

---
 .../themes/gadjo/static/css/agent-portal.scss | 68 +++++++++++++++++++
 1 file changed, 68 insertions(+)

diff --git a/data/themes/gadjo/static/css/agent-portal.scss b/data/themes/gadjo/static/css/agent-portal.scss
index f45f8d8c..64aa6441 100644
--- a/data/themes/gadjo/static/css/agent-portal.scss
+++ b/data/themes/gadjo/static/css/agent-portal.scss
@@ -1,3 +1,8 @@
+$cell-entry-color: #333;
+$cell-entry-border-color: #ccc;
+$cell-entry-hover-color: $cell-entry-color;
+$cell-entry-hover-background: #eee;
+
 div.welcome {
 	border: 1px solid #e4e4e4;
 	background: #fcfcfc;
@@ -71,6 +76,69 @@ div.cell div.loading.error-loading::after {
 	content: none;
 }
 
+div.searchcell {
+	form {
+		display: flex;
+		input {
+			flex: 1 0 auto;
+			margin-right: 1rem;
+		}
+	}
+	div.links-list li {
+		&::before {
+			font-family: FontAwesome;
+			display: block;
+			position: absolute;
+			font-size: 1.5rem;
+			left: 0rem;
+			color: #555;
+			width: 3rem;
+			text-align: center;
+		}
+		padding-left: 3rem;
+	}
+	div.combo-search-results-users div.links-list li::before {
+		content: "\f007";  // user
+	}
+	div.combo-search-results-formdata div.links-list li::before {
+		content: "\f0f6";  // file-text-o
+	}
+	div.combo-search-results-tracking-code div.links-list li::before {
+		content: "\f02a";  // barcode
+	}
+}
+
+div.links-list {
+	ul {
+		padding: 0;
+		margin: 0;
+		list-style: none;
+		position: relative;
+		z-index: 0;
+		& > li {
+			padding: 1rem;
+			color: $cell-entry-color;
+			border-bottom: 1px solid $cell-entry-border-color;
+			position: relative;
+
+			> h4 { // group titles
+				padding: 0;
+				margin: 0;
+				font-size: 100%;
+				font-weight: normal;
+			}
+
+			&:hover {
+				color: $cell-entry-hover-color;
+				background-color: $cell-entry-hover-background;
+			}
+			div {
+				color: lighten($cell-entry-color, 20%);
+			}
+		}
+	}
+}
+
 @media screen and (min-width: 1586px) {
 	div#page-content div.cubesbarchart {
 		width: 49.5%;
-- 
2.18.0