https://github.com/elv1n/btt-window-manager-preset

Simple and powerful BetterTouchTool Window Manager Preset
https://github.com/elv1n/btt-window-manager-preset

Last synced: 4 months ago
JSON representation

Simple and powerful BetterTouchTool Window Manager Preset

• Host: GitHub
• URL: https://github.com/elv1n/btt-window-manager-preset
• Owner: elv1n
• License: wtfpl
• Created: 2019-06-01T10:33:40.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-09T04:58:56.000Z (10 months ago)
• Last Synced: 2024-08-01T16:56:24.699Z (7 months ago)
• Language: TypeScript
• Homepage:
• Size: 3.21 MB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# BetterTouchTool Window Manager

Move and resize windows with easy and you don't need to know a lot of commands.

Customise position preset the way you like!

![Window manager preview](img/preview.gif)  

**Just press `⌘ + A` and choose the position**



WindowManager display different preset when the monitor height * 0.7 larger then width:



**Press `A` again to display shortcuts**



Additional commands

*When Menu opened*

* `←, ↑, →, ↓` - moving across the menu with arrow

* `enter` - choose selected position

## Installation

After installing BetterTouchTool, you can import/export configurations from the Manage Presets button.

1. **Download preset: [WindowManager.bttpreset](https://github.com/elv1n/btt-window-manager-preset/releases/download/2.0/WindowManager.bttpreset) and [WindowManager.html](https://github.com/elv1n/btt-window-manager-preset/releases/download/2.0/WindowManager.html)**

2. Import preset

![Screenshot](img/import.png)

3. Change HTML source to a local path eg `/Users/$USER/Downloads/WindowManager.html`

![Screenshot](img/change-link.png)

#### Advanced installation 

1. Clone the repo

2. Install dependencies

```shell

yarn install

```

3. Generate HTML page

```shell

yarn build

```

4. Import preset `WindowManager.bttpreset`

![Screenshot](img/find-webview.png)

5. Change HTML source to locally generated file in `/dist/WindowManager.html`

#### Customization

Run a local dev server to preview changes:

```shell

yarn start

``` 

* `src/types.ts` define custom preset

* `src/style.css` customize position icon

**How to change the size**

Update css variable in style.css

```css

:root {

	--size: 50px;

	--padding: 3px;

}

```

#### Done 🤟

## License

Licensed under the [WTFPL](http://www.wtfpl.net/) license.