KayFaraday
/
Zaimki
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

#178 [pl][bug] dictionary of terms looks bad on mobile

This commit is contained in:
Avris 2021-02-02 18:20:26 +01:00
parent dc08e664c4
commit 789427bdab
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/TermsDictionary.vue
View File

@ -31,12 +31,12 @@
<Table :data="visibleEntries()" columns="1" fixed :marked="(el) => !el.approved" ref="dictionarytable"> <Table :data="visibleEntries()" columns="1" fixed :marked="(el) => !el.approved" ref="dictionarytable">
<template v-slot:header> <template v-slot:header>
<th></th> <th class="cell-wide"></th>
<th></th> <th></th>
</template> </template>
<template v-slot:row="s"><template v-if="s"> <template v-slot:row="s"><template v-if="s">
<td> <td class="cell-wide">
<p> <p>
<strong>{{s.el.term.map(x => x.trim()).join(', ')}}</strong> <strong>{{s.el.term.map(x => x.trim()).join(', ')}}</strong>
<span v-if="s.el.original.length">({{s.el.original.map(x => x.trim()).join('; ')}})</span> <span v-if="s.el.original.length">({{s.el.original.map(x => x.trim()).join('; ')}})</span>
@ -278,6 +278,11 @@
} }
} }
} }
@include media-breakpoint-down('md', $grid-breakpoints) {
.cell-wide {
min-width: 90vw;
}
}
.flag { .flag {
height: 96px; height: 96px;