max/onlinetichu-counter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

merge into: max:main
Branches Tags
max:main
max:schupfed-cards
max:v1.2.3
max:v1.2
max:v1.1.0
max:v1.0.2
...
pull from: max:schupfed-cards
Branches Tags
max:main
max:schupfed-cards
max:v1.2.3
max:v1.2
max:v1.1.0
max:v1.0.2

1 commit
main ... schupfed-c

Author SHA1 Message Date
Maximilian Keßler
53b060d7b9
some experiments on small cards 2022-09-17 11:20:52 +02:00
1 changed files with 33 additions and 1 deletions
Show stats Expand all files Collapse all files

34
onlinetichu-counter.js
View file

@ -44,11 +44,43 @@ function injectCounter() {
border: 1px solid #000000;
}
.playedCardsLayoutSmall {
position: absolute;
height: 62px;
}
.playedCardsLayoutSmall .card {
width: 40px;
height: 60px;
border-radius: 3px;
float: left;
margin-left: -25px;
text-align: left;
box-shadow: 1px 1px 3px #555;
border: 1px solid #000000;
background-size: contain;
}
.singleCard {
width: 40px;
height: 60px;
border-radius: 3px;
text-align: left;
box-shadow: 1px 1px 3px #555;
border: 1px solid #000000;
background-size: contain;
float: right;
}
.playedCardsLayout .card:hover {
z-index: 1400;
}
`
var card = document.createElement('div');
card.className = "card c3-5 singleCard";
document.getElementById('westPlayerName').appendChild(card);
var styleSheet = document.createElement("style")
styleSheet.innerText = myStyles;
console.log(styleSheet);
@ -80,7 +112,7 @@ function injectCounter() {
playedCards.id = 'playedCards' + value;
// playedCards.className = 'layoutPlayedCards list-unstyled col-lg-2';
// playedCards.className = 'playedCardsLayout list-unstyled';
playedCards.className = 'playedCardsLayout list-unstyled';
playedCards.className = 'playedCardsLayoutSmall list-unstyled';
playedCards.style.width = '160px';
playedCards.style.marginLeft = '25px';
playedCards.style.left = shift*129 + 'px';