カスタムCSSのメモ
/* 検索窓の角を丸くする */
.search__input,
.status__content .status__content__spoiler-link {
border-radius:25px;
}
/* 検索窓のレイアウト修正 */
.search {
margin-bottom: 10px;
}
↓
/* 右カラム固定 */
/* 画面幅が1175px以上 かつ マルチカラムレイアウト時のみ適用 */
@media screen and (min-width: 1175px) {
/* タイムライン表示エリア全体に、固定するカラム分の余白を作る */
.layout-multiple-columns .columns-area {
margin-right: 355px !important;
}
/* 一番最後のカラム(右端)を強制的に固定 */
.layout-multiple-columns .columns-area .column:last-child {
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 350px !important;
height: 100vh !important;
z-index: 10;
background: var(--surface-color, #1f232b);
/* 固定された情報カラムを分ける線の色と太さを指定 */
border-left: 5px solid #606085 !important;
box-sizing: border-box;
}
}
/* アイコンをBevelな八角形にする */
.account__avatar img {
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
/* アイコンをNFTな六角形にする */
.account__avatar img {
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}