portal agent: add templates for two columns layout (#25636)

This commit is contained in:
Frédéric Péters 2018-08-11 20:00:11 +02:00
parent 95ad6156e7
commit c01cc27af2
3 changed files with 56 additions and 0 deletions

View File

@ -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;

View File

@ -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 %}

View File

@ -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 %}