Projet

Général

Profil

0001-templates-introduce-.column-instead-left-right-48515.patch

patch publik-base-theme - Thomas Jund, 13 janvier 2021 14:42

Télécharger (4,1 ko)

Voir les différences:

Subject: [PATCH] templates: introduce .column instead #left & #right (#48515)

 static/includes/_cells.scss                      | 16 ++++++++--------
 static/includes/_layout.scss                     |  8 ++------
 templates/authentic2/accounts.html               |  4 ++--
 templates/combo/page_template_2cols.html         |  4 ++--
 templates/combo/page_template_2cols_sidebar.html |  4 ++--
 5 files changed, 16 insertions(+), 20 deletions(-)
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
-