From a3c9beae192f8ca6dd5303271f12137c56fdad2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Sat, 11 Aug 2018 20:00:11 +0200
Subject: [PATCH] portal agent: add templates for two columns layout (#25636)

---
 .../themes/gadjo/static/css/agent-portal.scss | 19 ++++++++++++++++
 .../templates/combo/page_template_2cols.html  | 15 +++++++++++++
 .../combo/page_template_2cols_sidebar.html    | 22 +++++++++++++++++++
 3 files changed, 56 insertions(+)
 create mode 100644 data/themes/gadjo/templates/combo/page_template_2cols.html
 create mode 100644 data/themes/gadjo/templates/combo/page_template_2cols_sidebar.html

diff --git a/data/themes/gadjo/static/css/agent-portal.scss b/data/themes/gadjo/static/css/agent-portal.scss
index bc41d24..814aadd 100644
--- a/data/themes/gadjo/static/css/agent-portal.scss
+++ b/data/themes/gadjo/static/css/agent-portal.scss
@@ -2,6 +2,25 @@ $cell-entry-color: #333;
 $cell-entry-border-color: #ccc;
 $cell-entry-hover-color: $cell-entry-color;
 $cell-entry-hover-background: #eee;
+$mobile-limit: 760px;
+
+div#page-content.columns {
+	display: -ms-flexbox;
+	display: flex;
+	> div {
+		box-sizing: border-box;
+		width: 50%;
+		padding-right: 1rem;
+		@media screen and (max-width: $mobile-limit) {
+			width: auto;
+			padding: 0;
+		}
+	}
+	@media screen and (max-width: $mobile-limit) {
+		-ms-flex-direction: column;
+		flex-direction: column;
+	}
+}
 
 div.welcome {
 	border: 1px solid #e4e4e4;
diff --git a/data/themes/gadjo/templates/combo/page_template_2cols.html b/data/themes/gadjo/templates/combo/page_template_2cols.html
new file mode 100644
index 0000000..6b5c025
--- /dev/null
+++ b/data/themes/gadjo/templates/combo/page_template_2cols.html
@@ -0,0 +1,15 @@
+{% extends "combo/page_template.html" %}
+{% load combo i18n %}
+
+{% block combo-content %}
+<div id="page-content" class="columns">
+<div id="left">
+{% trans "Left column" as name %}
+{% placeholder "content" name=name %}
+</div>
+<div id="right">
+{% trans "Right column" as name %}
+{% placeholder "right" name=name %}
+</div>
+</div>
+{% endblock %}
diff --git a/data/themes/gadjo/templates/combo/page_template_2cols_sidebar.html b/data/themes/gadjo/templates/combo/page_template_2cols_sidebar.html
new file mode 100644
index 0000000..735d989
--- /dev/null
+++ b/data/themes/gadjo/templates/combo/page_template_2cols_sidebar.html
@@ -0,0 +1,22 @@
+{% extends "combo/page_template.html" %}
+{% load combo i18n %}
+
+{% block combo-content %}
+<div id="page-content" class="columns">
+<div id="left">
+{% trans "Left column" as name %}
+{% placeholder "content" name=name %}
+</div>
+<div id="right">
+{% trans "Right column" as name %}
+{% placeholder "right" name=name %}
+</div>
+</div>
+{% endblock %}
+
+{% block sidebar %}
+<aside id="sidebar">
+{% trans "Sidebar" as name %}
+{% placeholder "sidebar" name=name %}
+</aside>
+{% endblock %}
-- 
2.18.0