diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-07-07 18:06:38 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-07-07 18:27:16 +1000 |
| commit | f335593f9bfbd1eb3db939b23af799709d5d8104 (patch) | |
| tree | b4cc01842407ef1fd8743e4e54aab0b7b6fa7e4b /src/components | |
| parent | 716c132b15f3e37a5e0456e65406122324821047 (diff) | |
Add auto-hiding of ancestors on leaf-click
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/HelpModal.vue | 19 | ||||
| -rw-r--r-- | src/components/SettingsModal.vue | 4 |
2 files changed, 14 insertions, 9 deletions
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue index 4f35564..9f7ff0b 100644 --- a/src/components/HelpModal.vue +++ b/src/components/HelpModal.vue @@ -179,7 +179,16 @@ </ul> </li> <li> - <h2 class="font-bold">Slider Resets</h2> + <h2 class="font-bold">Auto-hide ancestors</h2> + <p> + Normally, if there isn't enough space to expand a tile, + an ancestor is hidden, and expansion is tried again. + With this setting disabled, no such attempt is made. + This makes tile movements more predictable. + </p> + </li> + <li> + <h2 class="font-bold">Slider resets</h2> <p> You can {{touchDevice ? 'tap' : 'click'}} on a slider's label to reset it to the default value. @@ -213,14 +222,6 @@ </p> </li> </ul> - <br/> - <h1 class="text-lg font-bold">Overflowing Tiles</h1> - <p> - Some tiles have too many children to fit on-screen at once, and are displayed - with a scroll bar. For layout reasons, this is only done if they are the - outermost tile, so you may need to {{touchDevice ? 'double tap' : 'click and hold'}} - the tile to expand it. - </p> </div> </template> </s-collapsible> diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue index f0b9dc0..75db34b 100644 --- a/src/components/SettingsModal.vue +++ b/src/components/SettingsModal.vue @@ -93,6 +93,10 @@ <label> <input type="checkbox" v-model="uiOpts.searchJumpMode" @change="onSettingChg('UI', 'searchJumpMode')"/> Skip search animation </label> </div> + <div> + <label> <input type="checkbox" v-model="uiOpts.autoHide" + @change="onSettingChg('UI', 'autoHide')"/> Auto-hide ancestors </label> + </div> <div v-if="uiOpts.touchDevice == false"> <label> <input type="checkbox" v-model="uiOpts.disableShortcuts" @change="onSettingChg('UI', 'disableShortcuts')"/> Disable keyboard shortcuts </label> |