0001-toulouse-2022-extend-button-on-mobile-mode-69785.patch
| static/toulouse-2022/_custom.scss | ||
|---|---|---|
| 100 | 100 |
border-color: $gray-6; |
| 101 | 101 |
&:hover {
|
| 102 | 102 |
background-color: $gray-1; |
| 103 | 103 |
border-color: $gray-1; |
| 104 | 104 |
color: white; |
| 105 | 105 |
} |
| 106 | 106 |
} |
| 107 | 107 | |
| 108 |
// mobile buttons extended like metz-metropole-2019 |
|
| 109 |
@media ($max-mobile-viewport) {
|
|
| 110 |
form.quixote div.buttons {
|
|
| 111 |
display: flex; |
|
| 112 |
div.widget {
|
|
| 113 |
div.content, |
|
| 114 |
button {
|
|
| 115 |
width: 100%; |
|
| 116 |
} |
|
| 117 |
div.content {
|
|
| 118 |
padding-right: 1.5rem; |
|
| 119 |
} |
|
| 120 |
} |
|
| 121 |
div.previous-button, |
|
| 122 |
div.cancel-button, |
|
| 123 |
div.submit-button {
|
|
| 124 |
flex: 1; |
|
| 125 |
} |
|
| 126 |
} |
|
| 127 |
} |
|
| 108 | 128 | |
| 109 | 129 |
// |
| 110 | 130 |
// GLOBAL LAYOUT |
| 111 | 131 |
// |
| 112 | 132 | |
| 113 | 133 |
#page {
|
| 114 | 134 |
@media ($max-mobile-viewport) {
|
| 115 | 135 |
// keep space for user-links |
| 116 |
- |
|