diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2026-01-13 15:28:54 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2026-01-13 15:28:54 +0900 |
| commit | bc5aef846b2b3e446541b7db9afed47ea84694bd (patch) | |
| tree | 152bb51cb9ae1802cbb56acaa7c32936c65b841b /packages/frontend/src/components/MkMediaVideo.vue | |
| parent | fix(frontend): use logical OR for fallback of file comment (#17089) (diff) | |
| download | misskey-bc5aef846b2b3e446541b7db9afed47ea84694bd.tar.gz misskey-bc5aef846b2b3e446541b7db9afed47ea84694bd.tar.bz2 misskey-bc5aef846b2b3e446541b7db9afed47ea84694bd.zip | |
enhance(frontend): 画面幅が広いときはメディアを横並びで表示できるようにするオプションを追加 (#16946)
* enhance(frontend): 画面幅が広いときはメディアを横並びで表示できるようにするオプションを追加
* Update Changelog
* Update CHANGELOG.md
Diffstat (limited to 'packages/frontend/src/components/MkMediaVideo.vue')
| -rw-r--r-- | packages/frontend/src/components/MkMediaVideo.vue | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue index aac52bfa26..4d06e42c05 100644 --- a/packages/frontend/src/components/MkMediaVideo.vue +++ b/packages/frontend/src/components/MkMediaVideo.vue @@ -705,7 +705,7 @@ onDeactivated(() => { .controlButton { padding: 6px; border-radius: calc(var(--MI-radius) / 2); - transition: background-color .2s ease-in-out; + transition: background-color .15s ease; font-size: 1.05rem; &:hover { @@ -760,4 +760,21 @@ onDeactivated(() => { } } } + +@container (max-width: 300px) { + .videoControls { + grid-template-areas: + "left . right" + "seekbar seekbar seekbar"; + grid-template-columns: auto 1fr auto; + } + + .controlsTime { + display: none; + } + + .controlsVolume { + display: none; + } +} </style> |