https://github.com/docs-plus/ep_mobile_view
https://github.com/docs-plus/ep_mobile_view
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/docs-plus/ep_mobile_view
- Owner: docs-plus
- Created: 2022-03-07T11:51:34.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-01T16:19:34.000Z (over 3 years ago)
- Last Synced: 2025-07-03T00:36:43.327Z (9 months ago)
- Language: HTML
- Size: 300 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Mobile view for Docs.plus
This plugin brings a completely custom "adoptive mobile view" to the [docs.plus](https://github.com/nwspk/docs.plus).
The plugin detects the client-side request and then provides a custom `pad.html` with a custom function if the request is from a mobile device.
# Prebuild Modal
In order to have your own custom modal plugin wrapper, we suggest you create and have this pre-made modal.
| Options | Value | Description |
|---|---|---|
| Position | "left" or "bottom" | Medal position that will be pop up |
| "height" or "width" | "h50", "h25", "h75" or "h90", "w75", "w90" | Content wrapper size by position |
| CustomButtoms | Html content | Custom HTML content to be added, like toolbar buttons |
| HtmlContent | Html content | Custom HTML content to be added, content of plugin |
```html
table of Contents
{HtmlContent}
```
> Note: The `{ModalId}` must be unique and CSS styles must be included in the plugin.
> Note: We dynamically add the modal close button to `.header> .menu`, Take a look at this [function](https://github.com/HMarzban/ep_mobile_view/blob/36f8ffa66a4de71f2d347499e37d09df979bb212/static/js/index.js#L6-L34)
### Preserved modaIDs
* tableOfContentsModal
* filterHeadersModal
* chatModal
* _*your modal Id_
Feel free and add your modal then start your journey
### Example:
```html
Table of Contents
Filters
```