: 名無しさん＠お腹いっぱい。 [] 2023/08/04(金) 22:57:19.15 ID:PJNdAW450(1/2) AAS
スレッド一覧の項目順をスクショ↓のようにしたいです

wikiにあった↓のコードを応用すれば良いかと思いましたが
今ひとつわかりません
どのようにコードを書き換えれば良いでしょうか
よろしくお願いします

```
//orderの数値は任意に順番変更可能
//成形のため最後の要素にはmargin-right: 1em;をつける
#boardPane .bcon .bf {
.res { order: 2; }
.posts { order: 3; }
.speed { order: 5; margin-right: 1em; }
span[style="flex: 1 1 0%;"] { order: 4; }
.pubdate { order: 1; }
}
```

画像ﾘﾝｸ

---

882

881(1): 名無しさん＠お腹いっぱい。 [sage] 2023/08/04(金) 23:16:12.60 ID:/q9wUKrn0(1) AAS
普通に項目をドラッグして移動できるぞ

885(2): 名無しさん＠お腹いっぱい。 [sage] 2023/08/05(土) 00:06:04.70 ID:AC8FmOXP0(1/5) AAS
軽く見てみたけどこうか？
```
$columns : 30px 1fr 50px 60px 20px auto !important;
#boardPane{
.resize-container{
grid-template-columns: $columns;

.unread { order: 0; } // 未読のレス数
.title { order: 1; } // タイトル
.speed { order: 2; } // 勢い
.resnum { order: 3; } // レス数
.incres { order: 4; } // レス増加数
}

.content .bcon .bf {
grid-template-columns: $columns;

.inc { order: 0; } // 未読のレス数
.title { order: 1; } // タイトル
.speed { order: 2; } // 勢い
.res { order: 3; } // レス数
.incres { order: 4; } // レス増加数
}
}
```
このネタをwikiに書くのはどうなんだろうな
開発者ツール使えない人にとっては応用のしようがないし開発者ツール使える人なら自分でなんとかできるわけだから記載しておく意味がないと思う
使用する上で前提になる条件とどういう制限が発生するかがわかってないと扱えないし