diff options
| -rw-r--r-- | README.md | 2 | ||||
| -rw-r--r-- | public/options/options.css | 18 | ||||
| -rw-r--r-- | public/options/options.html | 3 | ||||
| -rw-r--r-- | src/components/CategoryChooserComponent.tsx | 9 | ||||
| -rw-r--r-- | src/components/CategorySkipOptionsComponent.tsx | 9 |
5 files changed, 19 insertions, 22 deletions
@@ -75,7 +75,7 @@ The result is in `dist`. This can be loaded as an unpacked extension Run `npm run dev` to run the extension using a clean browser profile with hot reloading. Use `npm run dev:firefox` for Firefox. This uses [`web-ext run`](https://extensionworkshop.com/documentation/develop/web-ext-command-reference/#commands). Known chromium bug: Extension is not loaded properly on first start. Visit `chrome://extensions/` and reload the extension. -For Firefox for Android, use `npm run dev:firefox-android --adb-device <ip-address of the device>`. See the [Firefox documentation](https://extensionworkshop.com/documentation/develop/developing-extensions-for-firefox-for-android/#debug-your-extension) for more information. +For Firefox for Android, use `npm run dev:firefox-android -- --adb-device <ip-address of the device>`. See the [Firefox documentation](https://extensionworkshop.com/documentation/develop/developing-extensions-for-firefox-for-android/#debug-your-extension) for more information. ### Attribution Generation diff --git a/public/options/options.css b/public/options/options.css index 971c6893..27cb1174 100644 --- a/public/options/options.css +++ b/public/options/options.css @@ -268,23 +268,13 @@ p,li { padding: 10px; } -p,li,code,a { - max-width: 60%; - text-align: left; - overflow-wrap: break-word; -} - @media screen and (orientation:portrait) { - p,li,code,a { + #options { max-width: 100%; } - - .projectPreviewImage { - position: unset; - width: 130px; - display: block; - margin: auto; - transform: none; + + .previewColorOption { + display: none; } } diff --git a/public/options/options.html b/public/options/options.html index 9daef3b3..5feb6ba9 100644 --- a/public/options/options.html +++ b/public/options/options.html @@ -3,7 +3,8 @@ <head> <title>Options - SponsorBlock</title> <meta charset="utf-8"> - + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <link href="options.css" rel="stylesheet"/> <script src="../js/vendor.js"></script> diff --git a/src/components/CategoryChooserComponent.tsx b/src/components/CategoryChooserComponent.tsx index bb86e10f..91a395a0 100644 --- a/src/components/CategoryChooserComponent.tsx +++ b/src/components/CategoryChooserComponent.tsx @@ -34,15 +34,18 @@ class CategoryChooserComponent extends React.Component<CategoryChooserProps, Cat {chrome.i18n.getMessage("category")} </td> - <td id={"CategorySkipOption"}> + <td id={"CategorySkipOption"} + className="skipOption"> {chrome.i18n.getMessage("skipOption")} </td> - <td id={"CategoryColorOption"}> + <td id={"CategoryColorOption"} + className="colorOption"> {chrome.i18n.getMessage("seekBarColor")} </td> - <td id={"CategoryPreviewColorOption"}> + <td id={"CategoryPreviewColorOption"} + className="previewColorOption"> {chrome.i18n.getMessage("previewColor")} </td> </tr> diff --git a/src/components/CategorySkipOptionsComponent.tsx b/src/components/CategorySkipOptionsComponent.tsx index a59e3f54..cc68cd5a 100644 --- a/src/components/CategorySkipOptionsComponent.tsx +++ b/src/components/CategorySkipOptionsComponent.tsx @@ -56,7 +56,8 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr {chrome.i18n.getMessage("category_" + this.props.category)} </td> - <td id={this.props.category + "SkipOption"}> + <td id={this.props.category + "SkipOption"} + className="skipOption"> <select className="categoryOptionsSelector" defaultValue={defaultOption} @@ -65,7 +66,8 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr </select> </td> - <td id={this.props.category + "ColorOption"}> + <td id={this.props.category + "ColorOption"} + className="colorOption"> <input className="categoryColorTextBox option-text-box" type="color" @@ -73,7 +75,8 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr value={this.state.color} /> </td> - <td id={this.props.category + "PreviewColorOption"}> + <td id={this.props.category + "PreviewColorOption"} + className="previewColorOption"> <input className="categoryColorTextBox option-text-box" type="color" |