diff options
Diffstat (limited to 'source/features')
| -rw-r--r-- | source/features/minimize-upload-bar.css | 8 | ||||
| -rw-r--r-- | source/features/minimize-upload-bar.tsx | 25 |
2 files changed, 9 insertions, 24 deletions
diff --git a/source/features/minimize-upload-bar.css b/source/features/minimize-upload-bar.css index d320347a..e046dbbd 100644 --- a/source/features/minimize-upload-bar.css +++ b/source/features/minimize-upload-bar.css @@ -7,3 +7,11 @@ border-bottom-style: solid; border-radius: 6px; } + +/* Show upload image button in PR minimized upload bar for desktop */ +@media (min-width: 768px) { + .rgh-minimize-upload-bar .js-previewable-comment-form label[aria-label='Attach an image'] { + display: block !important; + padding: 4px !important; + } +} diff --git a/source/features/minimize-upload-bar.tsx b/source/features/minimize-upload-bar.tsx index a8d51bd3..73dc8cd9 100644 --- a/source/features/minimize-upload-bar.tsx +++ b/source/features/minimize-upload-bar.tsx @@ -1,33 +1,10 @@ import './minimize-upload-bar.css'; -import React from 'dom-chef'; -import select from 'select-dom'; -import delegate from 'delegate-it'; -import UploadIcon from 'octicon/upload.svg'; import * as pageDetect from 'github-url-detection'; import features from '.'; -function addButton(): void { - for (const toolbarButton of select.all('md-ref')) { - toolbarButton.after( - <button type="button" className="toolbar-item tooltipped tooltipped-n rgh-upload-btn" aria-label="Attach files"> - <UploadIcon/> - </button> - ); - toolbarButton.closest('form')!.classList.add('rgh-minimize-upload-bar'); - } -} - -function triggerUpload(event: delegate.Event<Event, HTMLButtonElement>): void { - event.delegateTarget - .form! - .querySelector<HTMLInputElement>('[type="file"]')! - .click(); // Open UI -} - function init(): void { - addButton(); - delegate(document, '.rgh-upload-btn', 'click', triggerUpload); + document.body.classList.add('rgh-minimize-upload-bar'); } void features.add(__filebasename, { |