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

some experiments on small cards

Browse source
This commit is contained in:
Maximilian Keßler 2022-09-17 11:20:52 +02:00
parent e15edb0046
commit 53b060d7b9
Signed by: max
GPG key ID: BCC5A619923C0BA5
1 changed files with 33 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
onlinetichu-counter.js
View file

@ -44,11 +44,43 @@ function injectCounter() {
border: 1px solid #000000; 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 { .playedCardsLayout .card:hover {
z-index: 1400; z-index: 1400;
} }
` `
var card = document.createElement('div');
card.className = "card c3-5 singleCard";
document.getElementById('westPlayerName').appendChild(card);
var styleSheet = document.createElement("style") var styleSheet = document.createElement("style")
styleSheet.innerText = myStyles; styleSheet.innerText = myStyles;
console.log(styleSheet); console.log(styleSheet);
@ -80,7 +112,7 @@ function injectCounter() {
playedCards.id = 'playedCards' + value; playedCards.id = 'playedCards' + value;
// playedCards.className = 'layoutPlayedCards list-unstyled col-lg-2'; // playedCards.className = 'layoutPlayedCards list-unstyled col-lg-2';
// playedCards.className = 'playedCardsLayout list-unstyled'; // playedCards.className = 'playedCardsLayout list-unstyled';
playedCards.className = 'playedCardsLayout list-unstyled'; playedCards.className = 'playedCardsLayoutSmall list-unstyled';
playedCards.style.width = '160px'; playedCards.style.width = '160px';
playedCards.style.marginLeft = '25px'; playedCards.style.marginLeft = '25px';
playedCards.style.left = shift*129 + 'px'; playedCards.style.left = shift*129 + 'px';