Anki/ts/card-info
Damien Elmes abad6c3844 layout tweaks to card info
- negative margins result in truncated text when the window size
is reduced, so avoid them
- having a 100% table inside a flexbox is not responsive - the table
does not adjust its size as the width is increased or decreased
- in order to look decent on narrow screens (eg phones), we allow
margin collapsing
- in order to look decent on wide screens, we limit the maximum
width to something that is readable
- hide some columns in portrait mode on narrow screens

I tried preserving the centering with margin-left/right: auto, but
could not get it looking right, so have had to move things back to
left alignment.
2021-10-14 19:28:33 +10:00
..
BUILD.bazel Switch CardInfoDialog to ts page (#1414) 2021-10-14 19:22:47 +10:00
card-info-base.scss Switch CardInfoDialog to ts page (#1414) 2021-10-14 19:22:47 +10:00
card-info.html support #test in card-info.html 2021-10-14 19:23:33 +10:00
CardInfo.svelte layout tweaks to card info 2021-10-14 19:28:33 +10:00
index.ts Switch CardInfoDialog to ts page (#1414) 2021-10-14 19:22:47 +10:00
lib.ts Switch CardInfoDialog to ts page (#1414) 2021-10-14 19:22:47 +10:00
Revlog.svelte layout tweaks to card info 2021-10-14 19:28:33 +10:00
tsconfig.json Switch CardInfoDialog to ts page (#1414) 2021-10-14 19:22:47 +10:00