diff options
| author | MeiMei <30769358+mei23@users.noreply.github.com> | 2019-08-11 19:48:54 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2019-08-11 19:48:54 +0900 |
| commit | 01d018510cce5677d84af2186abd805cf0212b41 (patch) | |
| tree | bca652f10a1fcd314bc18b9c69c51ed24f5957c4 /src/client/app/common/views/deck/deck.column.vue | |
| parent | Elasticsearchのインデックス名をconfigで変更できるように (#5... (diff) | |
| download | misskey-01d018510cce5677d84af2186abd805cf0212b41.tar.gz misskey-01d018510cce5677d84af2186abd805cf0212b41.tar.bz2 misskey-01d018510cce5677d84af2186abd805cf0212b41.zip | |
ユーザー名の突き抜けの修正 (#5261)
* 突き抜け deck フォロリク/vote
* 突き抜け desktop
* notification reactionで絵文字の縦がずれないように
* Fix: ユーザーページの名前が突き抜ける
* Fix: デッキカラムでユーザー名が長いと閉じれなくなる
* デッキのカウントの位置が右になってしまってたのを修正
* デッキヘッダーのellipsis
Diffstat (limited to 'src/client/app/common/views/deck/deck.column.vue')
| -rw-r--r-- | src/client/app/common/views/deck/deck.column.vue | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/client/app/common/views/deck/deck.column.vue b/src/client/app/common/views/deck/deck.column.vue index b5c0896bba..ac69a97df5 100644 --- a/src/client/app/common/views/deck/deck.column.vue +++ b/src/client/app/common/views/deck/deck.column.vue @@ -14,7 +14,7 @@ <template v-if="active"><fa icon="angle-up"/></template> <template v-else><fa icon="angle-down"/></template> </button> - <span><slot name="header"></slot></span> + <span class="header"><slot name="header"></slot></span> <span class="count" v-if="count > 0">({{ count }})</span> <button v-if="!isTemporaryColumn" class="menu" ref="menu" @click.stop="showMenu"><fa icon="caret-down"/></button> <button v-else class="close" @click.stop="close"><fa icon="times"/></button> @@ -395,13 +395,22 @@ export default Vue.extend({ &.indicate box-shadow 0 3px 0 0 var(--primary) - > span + > .header + display inline-block + align-items center + overflow hidden + text-overflow ellipsis + white-space nowrap + [data-icon] margin-right 8px > .count margin-left 4px opacity 0.5 + + > span:only-of-type + width 100% > .toggleActive > .menu |