fix(frontend): アイコンデコレーションが見切れる問題を修正 (#12239)

* fix(frontend): アイコンデコレーションがナビゲーションバーでクリップされないように

* Revert "fix(frontend): アイコンデコレーションがナビゲーションバーでクリップされないように"

This reverts commit db246b13d9.

* fix: tweak padding of account in navbar

* fix: set minimum height of note preview

* fix: リアクション一覧でアイコンデコレーションが見切れないように

* Update CHANGELOG.md

---------

Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
This commit is contained in:
zyoshoka 2023-11-11 16:07:07 +09:00 committed by GitHub
parent 50430e310a
commit 0dd3cac8d9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 8 deletions

View File

@ -18,7 +18,7 @@
- -
### Client ### Client
- - Fix: アイコンデコレーションが複数の場所で見切れている問題を修正
### Server ### Server
- Fix: トークンのないプラグインをアンインストールするときにエラーが出ないように - Fix: トークンのないプラグインをアンインストールするときにエラーが出ないように

View File

@ -1072,6 +1072,7 @@ defineExpose({
.preview { .preview {
padding: 16px 20px 0 20px; padding: 16px 20px 0 20px;
min-height: 75px;
max-height: 150px; max-height: 150px;
overflow: auto; overflow: auto;
} }

View File

@ -73,7 +73,6 @@ function getReactionName(reaction: string): string {
} }
.users { .users {
contain: content;
flex: 1; flex: 1;
min-width: 0; min-width: 0;
margin: -4px 14px 0 10px; margin: -4px 14px 0 10px;
@ -85,7 +84,7 @@ function getReactionName(reaction: string): string {
line-height: 24px; line-height: 24px;
padding-top: 4px; padding-top: 4px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: visible;
text-overflow: ellipsis; text-overflow: ellipsis;
} }

View File

@ -176,7 +176,7 @@ function more(ev: MouseEvent) {
.bottom { .bottom {
position: sticky; position: sticky;
bottom: 0; bottom: 0;
padding: 20px 0; padding-top: 20px;
background: var(--X14); background: var(--X14);
-webkit-backdrop-filter: var(--blur, blur(8px)); -webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px)); backdrop-filter: var(--blur, blur(8px));
@ -228,11 +228,10 @@ function more(ev: MouseEvent) {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: 30px; padding: 20px 0 20px 30px;
width: 100%; width: 100%;
text-align: left; text-align: left;
box-sizing: border-box; box-sizing: border-box;
margin-top: 16px;
overflow: clip; overflow: clip;
} }
@ -363,7 +362,7 @@ function more(ev: MouseEvent) {
.bottom { .bottom {
position: sticky; position: sticky;
bottom: 0; bottom: 0;
padding: 20px 0; padding-top: 20px;
background: var(--X14); background: var(--X14);
-webkit-backdrop-filter: var(--blur, blur(8px)); -webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px)); backdrop-filter: var(--blur, blur(8px));
@ -374,7 +373,6 @@ function more(ev: MouseEvent) {
position: relative; position: relative;
width: 100%; width: 100%;
height: 52px; height: 52px;
margin-bottom: 16px;
text-align: center; text-align: center;
&:before { &:before {
@ -411,6 +409,7 @@ function more(ev: MouseEvent) {
.account { .account {
display: block; display: block;
text-align: center; text-align: center;
padding: 20px 0;
width: 100%; width: 100%;
overflow: clip; overflow: clip;
} }