@mideind/netskrafl-react 3.1.0 → 3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/css/netskrafl.css +61 -5
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -522,10 +522,30 @@ div.netskrafl-container.legacy-colors {
|
|
|
522
522
|
--tab-movelist-background: #d6d1c4;
|
|
523
523
|
|
|
524
524
|
/* Move list gradients for classic scheme */
|
|
525
|
-
--humangrad-left: linear-gradient(
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
525
|
+
--humangrad-left: linear-gradient(
|
|
526
|
+
to right,
|
|
527
|
+
var(--human-color),
|
|
528
|
+
var(--tab-movelist-background),
|
|
529
|
+
var(--tab-movelist-background)
|
|
530
|
+
);
|
|
531
|
+
--humangrad-right: linear-gradient(
|
|
532
|
+
to right,
|
|
533
|
+
var(--tab-movelist-background),
|
|
534
|
+
var(--tab-movelist-background),
|
|
535
|
+
var(--human-color)
|
|
536
|
+
);
|
|
537
|
+
--autoplayergrad-left: linear-gradient(
|
|
538
|
+
to right,
|
|
539
|
+
var(--autoplayer-color),
|
|
540
|
+
var(--tab-movelist-background),
|
|
541
|
+
var(--tab-movelist-background)
|
|
542
|
+
);
|
|
543
|
+
--autoplayergrad-right: linear-gradient(
|
|
544
|
+
to right,
|
|
545
|
+
var(--tab-movelist-background),
|
|
546
|
+
var(--tab-movelist-background),
|
|
547
|
+
var(--autoplayer-color)
|
|
548
|
+
);
|
|
529
549
|
--move-text-color: black;
|
|
530
550
|
--total-background-color: #b5bdc4;
|
|
531
551
|
--total-margin: 2px;
|
|
@@ -544,7 +564,6 @@ div.netskrafl-container.legacy-colors {
|
|
|
544
564
|
/* ---- Legacy Style Overrides (nested) ---- */
|
|
545
565
|
|
|
546
566
|
/* Button overrides - use classic "white text on colored background" pattern */
|
|
547
|
-
|
|
548
567
|
}
|
|
549
568
|
|
|
550
569
|
div.netskrafl-container.legacy-colors div.recallbtn {
|
|
@@ -2633,6 +2652,7 @@ div.netskrafl-tile.dragging div.letterscore {
|
|
|
2633
2652
|
.netskrafl-container div#blank-form,
|
|
2634
2653
|
.netskrafl-container div#chall-form,
|
|
2635
2654
|
.netskrafl-container div#promo-form,
|
|
2655
|
+
.netskrafl-container div#gamelimit-form,
|
|
2636
2656
|
.netskrafl-container div#wait-form,
|
|
2637
2657
|
.netskrafl-container div#thanks-form,
|
|
2638
2658
|
.netskrafl-container div#cancel-form,
|
|
@@ -3521,6 +3541,25 @@ div.netskrafl-tile.dragging div.letterscore {
|
|
|
3521
3541
|
background-color: var(--ok-button);
|
|
3522
3542
|
}
|
|
3523
3543
|
|
|
3544
|
+
/* Game limit dialog */
|
|
3545
|
+
|
|
3546
|
+
.netskrafl-container div#gamelimit-form {
|
|
3547
|
+
top: 64px;
|
|
3548
|
+
left: 50%;
|
|
3549
|
+
transform: translateX(-50%);
|
|
3550
|
+
width: 327px;
|
|
3551
|
+
height: 268px;
|
|
3552
|
+
line-height: 1.5em;
|
|
3553
|
+
}
|
|
3554
|
+
|
|
3555
|
+
.netskrafl-container div#gamelimit-form div.btn-promo-no {
|
|
3556
|
+
width: 140px;
|
|
3557
|
+
left: 50%;
|
|
3558
|
+
transform: translateX(-50%);
|
|
3559
|
+
right: auto;
|
|
3560
|
+
background-color: var(--ok-button);
|
|
3561
|
+
}
|
|
3562
|
+
|
|
3524
3563
|
.netskrafl-container div #userlist,
|
|
3525
3564
|
.netskrafl-container div #elolist {
|
|
3526
3565
|
height: 396px;
|
|
@@ -8041,6 +8080,23 @@ div.netskrafl-container input[type="checkbox"] {
|
|
|
8041
8080
|
top: auto;
|
|
8042
8081
|
background-color: var(--light-shadow);
|
|
8043
8082
|
}
|
|
8083
|
+
/* Game limit dialog - fullscreen */
|
|
8084
|
+
.netskrafl-container div#gamelimit-form {
|
|
8085
|
+
position: relative;
|
|
8086
|
+
top: 160px;
|
|
8087
|
+
left: 50%;
|
|
8088
|
+
right: auto;
|
|
8089
|
+
bottom: auto;
|
|
8090
|
+
width: 512px;
|
|
8091
|
+
line-height: 1.62em;
|
|
8092
|
+
}
|
|
8093
|
+
.netskrafl-container div#gamelimit-form div.btn-promo-no {
|
|
8094
|
+
width: 160px;
|
|
8095
|
+
left: 50%;
|
|
8096
|
+
transform: translateX(-50%);
|
|
8097
|
+
right: auto;
|
|
8098
|
+
background-color: var(--ok-button);
|
|
8099
|
+
}
|
|
8044
8100
|
.netskrafl-container div.challenge {
|
|
8045
8101
|
width: 48px;
|
|
8046
8102
|
height: 48px;
|