portal agent: add templates for two columns layout (#25636)
This commit is contained in:
parent
95ad6156e7
commit
c01cc27af2
|
@ -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;
|
||||
|
|
|
@ -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 %}
|
|
@ -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 %}
|
Loading…
Reference in New Issue