fix(client): fix tabs of page header behaviour

This commit is contained in:
syuilo 2021-09-26 01:53:56 +09:00
parent 3fe9c950b1
commit 42092812ea
2 changed files with 7 additions and 1 deletions

View file

@ -10,11 +10,13 @@
## 12.x.x (unreleased) ## 12.x.x (unreleased)
### Improvements ### Improvements
- アニメーションを減らす設定をメニューのアニメーションにも適用するように - クライアント: アニメーションを減らす設定をメニューのアニメーションにも適用するように
### Bugfixes ### Bugfixes
- Fix createDeleteAccountJob - Fix createDeleteAccountJob
- admin inbox queue does not show individual jobs - admin inbox queue does not show individual jobs
- クライアント: ヘッダーのタブが折り返される問題を修正
- クライアント: ヘッダーにタブが表示されている状態でタイトルをクリックしたときにタブ選択が表示されるのを修正
## 12.91.0 (2021/09/22) ## 12.91.0 (2021/09/22)

View file

@ -141,6 +141,7 @@ export default defineComponent({
showTabsPopup(ev) { showTabsPopup(ev) {
if (!this.hasTabs) return; if (!this.hasTabs) return;
if (!this.narrow) return;
ev.preventDefault(); ev.preventDefault();
ev.stopPropagation(); ev.stopPropagation();
const menu = this.info.tabs.map(tab => ({ const menu = this.info.tabs.map(tab => ({
@ -218,6 +219,7 @@ export default defineComponent({
white-space: nowrap; white-space: nowrap;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
flex-shrink: 0;
> .avatar { > .avatar {
$size: 32px; $size: 32px;
@ -263,6 +265,8 @@ export default defineComponent({
> .tabs { > .tabs {
margin-left: 16px; margin-left: 16px;
font-size: 0.8em; font-size: 0.8em;
overflow: auto;
white-space: nowrap;
> .tab { > .tab {
display: inline-block; display: inline-block;