mirror of
https://codeberg.org/yeentown/barkey.git
synced 2025-07-08 04:54:32 +00:00
🎨
This commit is contained in:
parent
3a8d015194
commit
154b89f07a
2 changed files with 5 additions and 5 deletions
|
@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
<XAnnouncements v-if="$i"/>
|
<XAnnouncements v-if="$i"/>
|
||||||
<XStatusBars/>
|
<XStatusBars/>
|
||||||
<div :class="$style.columnsWrapper">
|
<div :class="$style.columnsWrapper">
|
||||||
<!-- passive: https://bugs.webkit.org/show_bug.cgi?id=281300 -->
|
<!-- passive: https://bugs.webkit.org/show_bug.cgi?id=281300 -->
|
||||||
<div ref="columnsEl" :class="[$style.columns, { [$style.center]: prefer.r['deck.columnAlign'].value === 'center', [$style.snapScroll]: snapScroll }]" @contextmenu.self.prevent="onContextmenu" @wheel.passive.self="onWheel">
|
<div ref="columnsEl" :class="[$style.columns, { [$style.center]: prefer.r['deck.columnAlign'].value === 'center', [$style.snapScroll]: snapScroll }]" @contextmenu.self.prevent="onContextmenu" @wheel.passive.self="onWheel">
|
||||||
<!-- sectionを利用しているのは、deck.vue側でcolumnに対してfirst-of-typeを効かせるため -->
|
<!-- sectionを利用しているのは、deck.vue側でcolumnに対してfirst-of-typeを効かせるため -->
|
||||||
<section
|
<section
|
||||||
|
@ -228,8 +228,8 @@ function pointerEvent(ev: PointerEvent) {
|
||||||
window.document.addEventListener('pointerdown', pointerEvent, { passive: true });
|
window.document.addEventListener('pointerdown', pointerEvent, { passive: true });
|
||||||
|
|
||||||
function onWheel(ev: WheelEvent) {
|
function onWheel(ev: WheelEvent) {
|
||||||
// WheelEvent はマウスからしか発火しないのでスナップスクロールは無効化する
|
// WheelEvent はマウスからしか発火しないのでスナップスクロールは無効化する
|
||||||
snapScroll.value = false;
|
snapScroll.value = false;
|
||||||
if (ev.deltaX === 0 && columnsEl.value != null) {
|
if (ev.deltaX === 0 && columnsEl.value != null) {
|
||||||
columnsEl.value.scrollLeft += ev.deltaY;
|
columnsEl.value.scrollLeft += ev.deltaY;
|
||||||
}
|
}
|
||||||
|
@ -445,7 +445,7 @@ if (prefer.s['deck.wallpaper'] != null) {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
aspect-ratio: 1;
|
aspect-ratio: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 60px;
|
max-width: 50px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
background: var(--MI_THEME-panel);
|
background: var(--MI_THEME-panel);
|
||||||
|
|
|
@ -298,7 +298,7 @@ $widgets-hide-threshold: 1090px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
aspect-ratio: 1;
|
aspect-ratio: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 60px;
|
max-width: 50px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
background: var(--MI_THEME-panel);
|
background: var(--MI_THEME-panel);
|
||||||
|
|
Loading…
Add table
Reference in a new issue