Make ai battle label column sticky
This commit is contained in:
parent
40ed3028c2
commit
ec4338bdb9
@ -102,7 +102,7 @@
|
|||||||
@if (context.Item.ShowAiData)
|
@if (context.Item.ShowAiData)
|
||||||
{
|
{
|
||||||
<MudTr>
|
<MudTr>
|
||||||
<td colspan="1" class="pa-3" style="background: #FAFAFA">
|
<td colspan="1" class="pa-3 ai-battle-td">
|
||||||
<MudText Typo="Typo.body2" Style="font-weight: bold">
|
<MudText Typo="Typo.body2" Style="font-weight: bold">
|
||||||
AI Battle Data
|
AI Battle Data
|
||||||
</MudText>
|
</MudText>
|
||||||
|
@ -34,3 +34,18 @@
|
|||||||
.columns-panel {
|
.columns-panel {
|
||||||
column-count: 2;
|
column-count: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ai-battle-td {
|
||||||
|
position: sticky;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 99;
|
||||||
|
background: #FAFAFA;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 600px) {
|
||||||
|
.ai-battle-td {
|
||||||
|
display: revert;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user