| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-08-05 15:29:45 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-08-05 15:29:58 -0700 |
| commit | f35d716bd38d03285fa511f6794af5d93e88f4dc (patch) | |
| tree | c9b10a7ff8749a2cdb51a58ba8731e965986e18c /public/assets/css | |
| parent | 34ed6e2a9c0ef9d4354454394c52e412d8c34d51 (diff) | |
WIP: smoothe squad view
Diffstat (limited to 'public/assets/css')
| -rw-r--r-- | public/assets/css/style.css | 45 |
1 files changed, 27 insertions, 18 deletions
diff --git a/public/assets/css/style.css b/public/assets/css/style.css index f3dbc4d..bd90a4e 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -271,26 +271,35 @@ div#content { overflow-x: hidden; } -.soldier-record { - display: none; -} - -#record-sheet [data-view-squad-number="1"].records .soldier-record[data-squad="1"] { - display: block; -} - -#record-sheet [data-view-squad-number="2"].records .soldier-record[data-squad="2"] { - display: block; +#record-sheet .records [class^="squad-"] { + transition: transform 0.125s; } - -#record-sheet [data-view-squad-number="3"].records .soldier-record[data-squad="3"] { - display: block; -} - -#record-sheet [data-view-squad-number="4"].records .soldier-record[data-squad="4"] { - display: block; -} +#record-sheet .records > :not(:first-child) { + display: none; + transform: translateX(100%); +} + +/*.soldier-record {*/ +/* display: none;*/ +/*}*/ + +/*#record-sheet [data-view-squad-number="1"].records .soldier-record[data-squad="1"] {*/ +/* display: block;*/ +/*}*/ +/**/ +/*#record-sheet [data-view-squad-number="2"].records .soldier-record[data-squad="2"] {*/ +/* display: block;*/ +/*}*/ +/**/ +/**/ +/*#record-sheet [data-view-squad-number="3"].records .soldier-record[data-squad="3"] {*/ +/* display: block;*/ +/*}*/ +/**/ +/*#record-sheet [data-view-squad-number="4"].records .soldier-record[data-squad="4"] {*/ +/* display: block;*/ +/*}*/ #record-sheet .name { text-transform: capitalize; |