diff options
| author | Szymon Kłos <szymon.klos@collabora.com> | 2022-04-09 22:41:06 +0200 |
|---|---|---|
| committer | Szymon Kłos <eszkadev@gmail.com> | 2022-04-23 10:58:55 +0200 |
| commit | 55b64dbb8efeffa6fad25b927d1ee8457c9ed013 (patch) | |
| tree | 9d3ff04ebb898165a25273b7378bd00c8ad50981 | |
| parent | Fix 'Insert Comment' invoked by keyboard shortcut (fixes #4109) (diff) | |
| download | online-55b64dbb8efeffa6fad25b927d1ee8457c9ed013.tar.gz online-55b64dbb8efeffa6fad25b927d1ee8457c9ed013.zip | |
jsdialog: add symbols support for buttons
- symbols are standard images for buttons
- are shown as images: "symbol_<SYMBOL_NAME>.svg"
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: I034c07ad299376837f65726f7ec1bceabb50ba01
| -rw-r--r-- | browser/css/btns.css | 5 | ||||
| -rw-r--r-- | browser/images/symbol_SPIN_DOWN.svg | 1 | ||||
| -rw-r--r-- | browser/images/symbol_SPIN_UP.svg | 1 | ||||
| -rw-r--r-- | browser/src/control/Control.JSDialogBuilder.js | 3 |
4 files changed, 10 insertions, 0 deletions
diff --git a/browser/css/btns.css b/browser/css/btns.css index f2b7853d3c..95d0654698 100644 --- a/browser/css/btns.css +++ b/browser/css/btns.css @@ -18,6 +18,11 @@ button.jsdialog { opacity: 0.7; } +/*limit icon to button height*/ +button.jsdialog img { + max-height: 100%; +} + .annotation-btns-container, .vex-dialog-buttons { display: flex; diff --git a/browser/images/symbol_SPIN_DOWN.svg b/browser/images/symbol_SPIN_DOWN.svg new file mode 100644 index 0000000000..8a425b5634 --- /dev/null +++ b/browser/images/symbol_SPIN_DOWN.svg @@ -0,0 +1 @@ +<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="m.48736098 4.4873578 6.51263912 6.0301722 6.5126389-6.0301722" fill="none" stroke="#3a3a38" stroke-linecap="round" stroke-linejoin="round" stroke-width=".964975"/></svg> diff --git a/browser/images/symbol_SPIN_UP.svg b/browser/images/symbol_SPIN_UP.svg new file mode 100644 index 0000000000..cbb6c47d83 --- /dev/null +++ b/browser/images/symbol_SPIN_UP.svg @@ -0,0 +1 @@ +<svg viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 0.48736098,10.517512 7.0000001,4.4873403 13.512639,10.517512" fill="none" stroke="#3a3a38" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.964975"/></svg> diff --git a/browser/src/control/Control.JSDialogBuilder.js b/browser/src/control/Control.JSDialogBuilder.js index 63cec06618..f23f87bc95 100644 --- a/browser/src/control/Control.JSDialogBuilder.js +++ b/browser/src/control/Control.JSDialogBuilder.js @@ -1445,6 +1445,9 @@ L.Control.JSDialogBuilder = L.Control.extend({ } else if (data.image) { var image = L.DomUtil.create('img', '', pushbutton); image.src = data.image; + } else if (data.symbol) { + var image = L.DomUtil.create('img', '', pushbutton); + image.src = L.LOUtil.getImageURL('symbol_' + data.symbol + '.svg'); } else { pushbutton.innerText = pushbuttonText; } |
