An holl danevelloù
thurnandtaxis_displayed danevelloù bog
#22599: "Display bug on Safari and small screens"
What is this report about?
Petra a zo c'hoarvezet ? Trugarez evit dibab amañ dindan
Bog diskweladur : titouroù-zo a zivout ar bartienn a oa gaou (hep heuliad grevus war disoc'h ar bartienn)
Deskrivadur dre ar munud
• Mar-plij, diskrivit kudenn an diskwel. M'ho peus un dapadenn skramm eus ar gudenn (ho pezit soñj d'eus se !), gellout a rit implij Imgur.com evit e bellgargañ hag eilañ/pegañ al liamm amañ.
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board.• Peseurt merdeer eo hoc'h hini ?
Safari v13.1
Roll-istor an danevelloù bog
14. Eos 2020 1:08 • shadowphiar • N'eo ket bet eiladet c'hoazh ar bog gant an diorroerien:
Fortunately these cards have enough of a border that it doesn't really interrupt the game, but this will work better if background-position is specified in terms of offsets in px instead of percentages of the card size.
Sadly Safari handles background-position slightly differently to other browsers when it is specified as a percentage (that is, a multiple of the size of the object being displayed). After calculating the size of the box being displayed, Safari appears to truncate/round those dimensions to an integer number of pixels as they are displayed on the screen, and then draw the image offset by percentages of that integer value. This becomes significant in small windows because the whole view gets scaled down so as to fit the minimum width. This difference of up to half-a-pixel, multiplied by percentages like 2200% adds up to an offset that can be substantial.
NB: I'm not saying Safari isn't wrong to be doing this truncation, but even if someone gets them to fix it, then it will still only look right for BGA users who have updated to the latest and greatest Safari version, whereas using px offsets should be correct for all viewers.
Sadly Safari handles background-position slightly differently to other browsers when it is specified as a percentage (that is, a multiple of the size of the object being displayed). After calculating the size of the box being displayed, Safari appears to truncate/round those dimensions to an integer number of pixels as they are displayed on the screen, and then draw the image offset by percentages of that integer value. This becomes significant in small windows because the whole view gets scaled down so as to fit the minimum width. This difference of up to half-a-pixel, multiplied by percentages like 2200% adds up to an offset that can be substantial.
NB: I'm not saying Safari isn't wrong to be doing this truncation, but even if someone gets them to fix it, then it will still only look right for BGA users who have updated to the latest and greatest Safari version, whereas using px offsets should be correct for all viewers.
14. Eos 2020 7:54 • Volker78 • Kadarnaet eo bet ar bog gant an diorroerien:
Oh, that is ugly. One problem possibly: the background-size is bigger than required for being able to zoom without pixelating. The admins from BGA told me, to do it this way. The default BGA stock component (used for all card games) uses percentage positioning. I will ask them, how they plan to handle this problem.
18. Eos 2020 19:12 • Volker78 • Kadarnaet eo bet ar bog gant an diorroerien:
Could you please try again? I changed some bits..
If it will not work. Could you perhaps play a little bit with the background-size-settings? I now have set them fixed:
#carriages .stockitem {
background-size: 780px 100px;
}
and
.citycard {
background-size: 2300px 156px;
}
I am quite sure, it should have to do with the background-size. You could also try for the city cards
.citycard {
background-size: 3450px 235px;
}
and also adapt the stockitem html-fixed-size to 150px x 235 px
If it will not work. Could you perhaps play a little bit with the background-size-settings? I now have set them fixed:
#carriages .stockitem {
background-size: 780px 100px;
}
and
.citycard {
background-size: 2300px 156px;
}
I am quite sure, it should have to do with the background-size. You could also try for the city cards
.citycard {
background-size: 3450px 235px;
}
and also adapt the stockitem html-fixed-size to 150px x 235 px
Ouzhpennañ un dra bennak d'an danevell-mañ
Ouzhpennit amañ mar-plij, tout ar pezh a c'hellfe bezañ talvoudus evit ma c'hellfemp dreveziñ ar bog-mañ pe kompren ho kinnig:
- Niverenn taol all / Niverenn ar fiñv
- Ha renket eo bet ar gudenn gant an douchenn F5 ?
- Ha c'hoarvezet eo ar gudenn meur a wech ? Bewech ? Cheñch-dicheñch ?
- M'ho peus un dapadenn skramm eus ar gudenn (ho pezit soñj d'eus se !), gellout a rit implij Imgur.com evit e bellgargañ hag eilañ/pegañ al liamm amañ.
