0001-scss-add-vars-to-manage-min-and-max-sidebar-width-38.patch
help/fr/misc-scss.page | ||
---|---|---|
77 | 77 |
<td><p>Largeur de la barre latérale</p></td> |
78 | 78 |
<td><p><var>300px</var></p></td> |
79 | 79 |
</tr> |
80 |
<tr> |
|
81 |
<td><p><code>$sidebar-max-width</code></p></td> |
|
82 |
<td><p>Largeur maximale de la barre latérale, utile dans le cas où la valeur de <code>$sidebar-width</code> est définie en %</p></td> |
|
83 |
<td><p><var>$sidebar-width</var></p></td> |
|
84 |
</tr> |
|
85 |
<tr> |
|
86 |
<td><p><code>$sidebar-min-width</code></p></td> |
|
87 |
<td><p>Largeur minimale de la barre latérale, , utile dans le cas où la valeur de <code>$sidebar-width</code> est définie en %</p></td> |
|
88 |
<td><p><var>$sidebar-width</var></p></td> |
|
89 |
</tr> |
|
80 | 90 |
<tr> |
81 | 91 |
<td><p><code>$notification-style</code></p></td> |
82 | 92 |
<td><p>Rendu des notifications (messages, erreurs, etc.), soit « classic » |
static/includes/_layout.scss | ||
---|---|---|
5 | 5 |
$footer-color: white !default; |
6 | 6 |
$top-logo-width: 0 !default; |
7 | 7 |
$sidebar-width: 300px !default; |
8 |
$sidebar-max-width: $sidebar-width !default; |
|
9 |
$sidebar-min-width: 0 !default; |
|
8 | 10 |
$sidebar-position: left !default; |
9 | 11 | |
10 | 12 |
html, body { |
... | ... | |
99 | 101 |
-ms-flex: 0 0 $sidebar-width; |
100 | 102 |
-webkit-flex: 0 0 $sidebar-width; |
101 | 103 |
flex: 0 0 $sidebar-width; |
102 |
max-width: $sidebar-width; |
|
104 |
max-width: $sidebar-max-width; |
|
105 |
@if $sidebar-min-width != 0 { |
|
106 |
min-width: $sidebar-min-width; |
|
107 |
} |
|
103 | 108 |
@if $sidebar-position == right { |
104 | 109 |
-ms-flex-order: 1; |
105 | 110 |
-webkit-order: 1; |
... | ... | |
136 | 141 |
-webkit-flex: 0 0 auto; |
137 | 142 |
flex: 0 0 auto; |
138 | 143 |
max-width: 100%; |
144 |
@if $sidebar-min-width != 0 { |
|
145 |
min-width: 0; |
|
146 |
} |
|
139 | 147 |
margin: 0 0.7em; |
140 | 148 |
div.cell { |
141 | 149 |
margin-left: 0; |
142 |
- |