Compare commits

...

1 Commits

Author SHA1 Message Date
Lucas Verney 7309b4da18 Stash 2017-05-12 17:19:51 +02:00
4 changed files with 56 additions and 8 deletions

View File

@ -15,13 +15,30 @@
<style>
body {
margin: 0 auto;
max-width: 75em;
font-family: "Helvetica", "Arial", sans-serif;
line-height: 1.5;
padding: 4em 1em;
padding-top: 1em;
color: #555;
margin: 0 auto;
max-width: 75em;
font-family: "Helvetica", "Arial", sans-serif;
line-height: 1.5;
padding: 4em 1em;
padding-top: 1em;
color: #555;
font-size: 14px;
}
.mobile-only {
display: none;
}
@media screen and (max-width: 767px) {
body {
max-width: auto;
width: 100%;
padding: 1em 0.1em;
}
.mobile-only {
display: initial;
}
}
h1 {

View File

@ -67,6 +67,7 @@
<td>{{ flat.area }} </td>
<td>
{{ flat.rooms ? flat.rooms : '?'}}
<span class="mobile-only">{{ $t("flatsDetails.RM") }}</span>
</td>
<td>
{{ flat.cost }} {{ flat.currency }}
@ -97,6 +98,7 @@
</template>
<script>
// TODO: Table is too wide on mobile device, and button trash is not aligned with links
import 'font-awesome-webpack'
import { capitalize, range } from '../tools'
@ -217,4 +219,28 @@ pre {
word-wrap: break-word;
word-break: break-all;
}
@media screen and (max-width: 767px) {
table {
margin: 0;
width: 100%;
}
thead {
display: none;
}
th, td {
padding: 0.25em;
}
td a, td button {
display: block;
width: 1em;
}
td {
vertical-align: top;
}
}
</style>

View File

@ -46,7 +46,8 @@ export default {
'Contact': 'Contact',
'no_phone_found': 'No phone found',
'rooms': 'room | rooms',
'bedrooms': 'bedroom | bedrooms'
'bedrooms': 'bedroom | bedrooms',
'RM': 'RM'
},
status: {
'new': 'new',

View File

@ -391,5 +391,9 @@ td {
.fullButton {
width: 100%;
}
td, th {
padding: 0;
}
}
</style>