Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(client): fix tabs of page header behaviour

Browse source
This commit is contained in:
syuilo 2021-09-26 01:53:56 +09:00
parent ac93af8eb5
commit da71d8f4af
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
CHANGELOG.md
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)

4
src/client/ui/_common_/header.vue
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;