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-2019x |
|
109 |
@media (max-width: $very-small-limit) { |
|
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 |
- |