0001-templates-introduce-.column-instead-left-right-48515.patch
static/includes/_cells.scss | ||
---|---|---|
36 | 36 | |
37 | 37 |
// Columns gutters |
38 | 38 |
@media screen and ($min-desktop-viewport) { |
39 |
div#left div.a2-block, div#right div.a2-block,
|
|
39 |
.column div.a2-block,
|
|
40 | 40 |
.gru-content div.cell, |
41 | 41 |
.block { |
42 | 42 |
margin-left: #{$columns-gutter / 2}; |
43 | 43 |
margin-right: #{$columns-gutter / 2}; |
44 | 44 |
} |
45 | 45 |
.gru-content #columns > .cell, |
46 |
div#left .block,
|
|
47 |
div#left div.a2-block,
|
|
48 |
.gru-content #left .cell { margin-left: 0; }
|
|
46 |
.column:first-child .block,
|
|
47 |
.column:first-child div.a2-block,
|
|
48 |
.gru-content .column:first-child .cell { margin-left: 0; }
|
|
49 | 49 |
.gru-content #columns > .cell, |
50 |
div#right .block,
|
|
51 |
div#right div.a2-block,
|
|
52 |
.gru-content #right .cell { margin-right: 0; }
|
|
50 |
.column:last-child .block,
|
|
51 |
.column:last-child div.a2-block,
|
|
52 |
.gru-content .column:last-child .cell { margin-right: 0; }
|
|
53 | 53 |
} |
54 | 54 | |
55 | 55 | |
... | ... | |
85 | 85 |
border-radius: $cell-border-radius; |
86 | 86 |
} |
87 | 87 | |
88 |
div#left div.a2-block, div#right div.a2-block,
|
|
88 |
.column div.a2-block,
|
|
89 | 89 |
.gru-content div.cell, |
90 | 90 |
.block { |
91 | 91 |
margin-top: 0; |
static/includes/_layout.scss | ||
---|---|---|
77 | 77 |
min-height: 300px; |
78 | 78 |
} |
79 | 79 | |
80 |
#right { |
|
81 |
float: right; |
|
82 |
width: 50%; |
|
83 |
} |
|
84 |
#left { |
|
80 |
.column { |
|
85 | 81 |
float: left; |
86 | 82 |
width: 50%; |
87 | 83 |
} |
... | ... | |
119 | 115 |
padding: 0 0.7em; |
120 | 116 |
max-width: 100%; |
121 | 117 |
} |
122 |
#right, #left {
|
|
118 |
.column {
|
|
123 | 119 |
float: none; |
124 | 120 |
width: auto; |
125 | 121 |
} |
templates/authentic2/accounts.html | ||
---|---|---|
5 | 5 |
{% block extra-body-class %}{{ block.super }} account-page{% endblock %} |
6 | 6 | |
7 | 7 |
{% block content %} |
8 |
<div id="left" class="profile">
|
|
8 |
<div class="column profile">
|
|
9 | 9 |
{% block profile-pre %}{% endblock %} |
10 | 10 |
<div class="block" id="a2-profile"> |
11 | 11 |
{% block profile-top %}{% endblock %} |
... | ... | |
43 | 43 |
</div> |
44 | 44 |
{% block profile-post %}{% endblock %} |
45 | 45 |
</div> |
46 |
<div id="right" class="account-management">
|
|
46 |
<div class="column account-management">
|
|
47 | 47 |
{% block account-management-pre %}{% endblock %} |
48 | 48 |
<div class="block" id="account-management"> |
49 | 49 |
{% block account-management-top %}{% endblock %} |
templates/combo/page_template_2cols.html | ||
---|---|---|
2 | 2 |
{% load combo i18n %} |
3 | 3 | |
4 | 4 |
{% block columns %} |
5 |
<div id="left">
|
|
5 |
<div class="column">
|
|
6 | 6 |
{% trans "Left column" as name %} |
7 | 7 |
{% placeholder "content" name=name %} |
8 | 8 |
</div> |
9 |
<div id="right">
|
|
9 |
<div class="column">
|
|
10 | 10 |
{% trans "Right column" as name %} |
11 | 11 |
{% placeholder "right" name=name %} |
12 | 12 |
</div> |
templates/combo/page_template_2cols_sidebar.html | ||
---|---|---|
2 | 2 |
{% load combo i18n %} |
3 | 3 | |
4 | 4 |
{% block columns %} |
5 |
<div id="left">
|
|
5 |
<div class="column">
|
|
6 | 6 |
{% trans "Left column" as name %} |
7 | 7 |
{% placeholder "content" name=name %} |
8 | 8 |
</div> |
9 |
<div id="right">
|
|
9 |
<div class="column">
|
|
10 | 10 |
{% trans "Right column" as name %} |
11 | 11 |
{% placeholder "right" name=name %} |
12 | 12 |
</div> |
13 |
- |