From f0aaf51389703d19b6b989e116609a1e748fa342 Mon Sep 17 00:00:00 2001 From: tim h Date: Sun, 18 Dec 2022 17:50:40 -0600 Subject: [PATCH] css/js resource changes for extension --- css/fonts.css | 2 +- css/icons.css | 36 ++++++++++++++++++------------------ css/index.css | 24 ++++++++++++------------ css/ui/generic.css | 20 ++++++++++---------- css/ui/layers.css | 18 +++++++++--------- css/ui/tool/colorbrush.css | 2 +- css/ui/toolbar.css | 4 ++-- js/ui/tool/colorbrush.js | 2 +- js/ui/tool/dream.js | 4 ++-- js/ui/tool/interrogate.js | 2 +- js/ui/tool/maskbrush.js | 2 +- js/ui/tool/select.js | 2 +- js/ui/tool/stamp.js | 2 +- 13 files changed, 60 insertions(+), 60 deletions(-) diff --git a/css/fonts.css b/css/fonts.css index afdc8a7..219997c 100644 --- a/css/fonts.css +++ b/css/fonts.css @@ -1,4 +1,4 @@ @font-face { font-family: "Open Sans", sans-serif; - src: url("/res/fonts/OpenSans.ttf") format("truetype"); + src: url("../res/fonts/OpenSans.ttf") format("truetype"); } diff --git a/css/icons.css b/css/icons.css index 2249b6e..a3b8ca9 100644 --- a/css/icons.css +++ b/css/icons.css @@ -1,44 +1,44 @@ .ui.icon > .icon-eye-off { - -webkit-mask-image: url("/res/icons/eye-off.svg"); - mask-image: url("/res/icons/eye-off.svg"); + -webkit-mask-image: url("../res/icons/eye-off.svg"); + mask-image: url("../res/icons/eye-off.svg"); } .ui.icon > .icon-eye { - -webkit-mask-image: url("/res/icons/eye.svg"); - mask-image: url("/res/icons/eye.svg"); + -webkit-mask-image: url("../res/icons/eye.svg"); + mask-image: url("../res/icons/eye.svg"); } .ui.icon > .icon-file-plus { - -webkit-mask-image: url("/res/icons/file-plus.svg"); - mask-image: url("/res/icons/file-plus.svg"); + -webkit-mask-image: url("../res/icons/file-plus.svg"); + mask-image: url("../res/icons/file-plus.svg"); } .ui.icon > .icon-file-x { - -webkit-mask-image: url("/res/icons/file-x.svg"); - mask-image: url("/res/icons/file-x.svg"); + -webkit-mask-image: url("../res/icons/file-x.svg"); + mask-image: url("../res/icons/file-x.svg"); } .ui.icon > .icon-chevron-down { - -webkit-mask-image: url("/res/icons/chevron-down.svg"); - mask-image: url("/res/icons/chevron-down.svg"); + -webkit-mask-image: url("../res/icons/chevron-down.svg"); + mask-image: url("../res/icons/chevron-down.svg"); } .ui.icon > .icon-chevron-up { - -webkit-mask-image: url("/res/icons/chevron-up.svg"); - mask-image: url("/res/icons/chevron-up.svg"); + -webkit-mask-image: url("../res/icons/chevron-up.svg"); + mask-image: url("../res/icons/chevron-up.svg"); } .ui.icon > .icon-chevron-first { - -webkit-mask-image: url("/res/icons/chevron-first.svg"); - mask-image: url("/res/icons/chevron-first.svg"); + -webkit-mask-image: url("../res/icons/chevron-first.svg"); + mask-image: url("../res/icons/chevron-first.svg"); } .ui.icon > .icon-chevron-flat-down { - -webkit-mask-image: url("/res/icons/chevron-first.svg"); - mask-image: url("/res/icons/chevron-first.svg"); + -webkit-mask-image: url("../res/icons/chevron-first.svg"); + mask-image: url("../res/icons/chevron-first.svg"); transform: rotate(-90deg); } .ui.icon > .icon-settings { - -webkit-mask-image: url("/res/icons/settings.svg"); - mask-image: url("/res/icons/settings.svg"); + -webkit-mask-image: url("../res/icons/settings.svg"); + mask-image: url("../res/icons/settings.svg"); } diff --git a/css/index.css b/css/index.css index 3a36855..cd43ba3 100644 --- a/css/index.css +++ b/css/index.css @@ -55,8 +55,8 @@ body { height: 21px; background-color: var(--c-text); - mask-image: url("/res/icons/chevron-up.svg"); - -webkit-mask-image: url("/res/icons/chevron-up.svg"); + mask-image: url("../res/icons/chevron-up.svg"); + -webkit-mask-image: url("../res/icons/chevron-up.svg"); mask-size: contain; -webkit-mask-size: contain; rotate: 90deg; @@ -154,8 +154,8 @@ body { width: 25px; height: 25px; - -webkit-mask-image: url("/res/icons/x.svg"); - mask-image: url("/res/icons/x.svg"); + -webkit-mask-image: url("../res/icons/x.svg"); + mask-image: url("../res/icons/x.svg"); background-color: var(--c-text); } @@ -423,18 +423,18 @@ div.prompt-wrapper > .prompt-indicator::after { } div.prompt-wrapper > .prompt-indicator.positive::after { - mask-image: url("/res/icons/plus-square.svg"); - -webkit-mask-image: url("/res/icons/plus-square.svg"); + mask-image: url("../res/icons/plus-square.svg"); + -webkit-mask-image: url("../res/icons/plus-square.svg"); } div.prompt-wrapper > .prompt-indicator.negative::after { - mask-image: url("/res/icons/minus-square.svg"); - -webkit-mask-image: url("/res/icons/minus-square.svg"); + mask-image: url("../res/icons/minus-square.svg"); + -webkit-mask-image: url("../res/icons/minus-square.svg"); } div.prompt-wrapper > .prompt-indicator.styles::after { - mask-image: url("/res/icons/library.svg"); - -webkit-mask-image: url("/res/icons/library.svg"); + mask-image: url("../res/icons/library.svg"); + -webkit-mask-image: url("../res/icons/library.svg"); } .prompt-history-wrapper { @@ -561,8 +561,8 @@ button.prompt-history-btn::after { mask-size: contain; -webkit-mask-size: contain; - mask-image: url("/res/icons/history.svg"); - -webkit-mask-image: url("/res/icons/history.svg"); + mask-image: url("../res/icons/history.svg"); + -webkit-mask-image: url("../res/icons/history.svg"); } button.prompt-history-btn:hover { diff --git a/css/ui/generic.css b/css/ui/generic.css index df694ec..ca8f67f 100644 --- a/css/ui/generic.css +++ b/css/ui/generic.css @@ -157,9 +157,9 @@ div.autocomplete > .autocomplete-list > .autocomplete-option.selected::after { background-color: darkgreen; - -webkit-mask-image: url("/res/icons/check.svg"); + -webkit-mask-image: url("../../res/icons/check.svg"); -webkit-mask-size: contain; - mask-image: url("/res/icons/check.svg"); + mask-image: url("../../res/icons/check.svg"); mask-size: contain; } @@ -176,9 +176,9 @@ select > option:checked::after { background-color: darkgreen; - -webkit-mask-image: url("/res/icons/check.svg"); + -webkit-mask-image: url("../../res/icons/check.svg"); -webkit-mask-size: contain; - mask-image: url("/res/icons/check.svg"); + mask-image: url("../../res/icons/check.svg"); mask-size: contain; } /*************/ @@ -332,16 +332,16 @@ select > option:checked::after { /* Generic buttons */ .list .actions > .delete-btn > *:first-child { - -webkit-mask-image: url("/res/icons/trash.svg"); - mask-image: url("/res/icons/trash.svg"); + -webkit-mask-image: url("../../res/icons/trash.svg"); + mask-image: url("../../res/icons/trash.svg"); } .list .actions > .rename-btn > *:first-child { - -webkit-mask-image: url("/res/icons/edit.svg"); - mask-image: url("/res/icons/edit.svg"); + -webkit-mask-image: url("../../res/icons/edit.svg"); + mask-image: url("../../res/icons/edit.svg"); } .list .actions > .download-btn > *:first-child { - -webkit-mask-image: url("/res/icons/download.svg"); - mask-image: url("/res/icons/download.svg"); + -webkit-mask-image: url("../../res/icons/download.svg"); + mask-image: url("../../res/icons/download.svg"); } diff --git a/css/ui/layers.css b/css/ui/layers.css index cadf9c1..c433b9c 100644 --- a/css/ui/layers.css +++ b/css/ui/layers.css @@ -99,22 +99,22 @@ } #layer-list .actions > .rename-btn > *:first-child { - -webkit-mask-image: url("/res/icons/edit.svg"); - mask-image: url("/res/icons/edit.svg"); + -webkit-mask-image: url("../../res/icons/edit.svg"); + mask-image: url("../../res/icons/edit.svg"); } #layer-list .actions > .delete-btn > *:first-child { - -webkit-mask-image: url("/res/icons/trash.svg"); - mask-image: url("/res/icons/trash.svg"); + -webkit-mask-image: url("../../res/icons/trash.svg"); + mask-image: url("../../res/icons/trash.svg"); } #layer-list .actions > .hide-btn > *:first-child { - -webkit-mask-image: url("/res/icons/eye.svg"); - mask-image: url("/res/icons/eye.svg"); + -webkit-mask-image: url("../../res/icons/eye.svg"); + mask-image: url("../../res/icons/eye.svg"); } #layer-list .hidden .actions > .hide-btn > *:first-child { - -webkit-mask-image: url("/res/icons/eye-off.svg"); - mask-image: url("/res/icons/eye-off.svg"); + -webkit-mask-image: url("../../res/icons/eye-off.svg"); + mask-image: url("../../res/icons/eye-off.svg"); } .layer-manager > .separator { @@ -158,7 +158,7 @@ background-color: #293d3d77; - mask-image: url("/res/icons/chevron-up.svg"); + mask-image: url("../../res/icons/chevron-up.svg"); mask-size: contain; width: 60px; diff --git a/css/ui/tool/colorbrush.css b/css/ui/tool/colorbrush.css index ce7640e..86ef2d1 100644 --- a/css/ui/tool/colorbrush.css +++ b/css/ui/tool/colorbrush.css @@ -35,7 +35,7 @@ border: 0; - background-image: url("/res/icons/pipette.svg"); + background-image: url("./res/icons/pipette.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; diff --git a/css/ui/toolbar.css b/css/ui/toolbar.css index 52bd9bb..fa27b5f 100644 --- a/css/ui/toolbar.css +++ b/css/ui/toolbar.css @@ -51,9 +51,9 @@ background-color: red; - -webkit-mask-image: url("/res/icons/lock.svg"); + -webkit-mask-image: url("../../res/icons/lock.svg"); -webkit-mask-size: contain; - mask-image: url("/res/icons/lock.svg"); + mask-image: url("../../res/icons/lock.svg"); mask-size: contain; } diff --git a/js/ui/tool/colorbrush.js b/js/ui/tool/colorbrush.js index da27659..b576b18 100644 --- a/js/ui/tool/colorbrush.js +++ b/js/ui/tool/colorbrush.js @@ -37,7 +37,7 @@ const _color_brush_erase_callback = (evn, state, ctx) => { const colorBrushTool = () => toolbar.registerTool( - "/res/icons/brush.svg", + "./res/icons/brush.svg", "Color Brush", (state, opt) => { // Draw new cursor immediately diff --git a/js/ui/tool/dream.js b/js/ui/tool/dream.js index 106128e..94e96b8 100644 --- a/js/ui/tool/dream.js +++ b/js/ui/tool/dream.js @@ -1071,7 +1071,7 @@ const _dream_onwheel = (evn, state) => { */ const dreamTool = () => toolbar.registerTool( - "/res/icons/image-plus.svg", + "./res/icons/image-plus.svg", "Dream", (state, opt) => { // Draw new cursor immediately @@ -1426,7 +1426,7 @@ const dreamTool = () => const img2imgTool = () => toolbar.registerTool( - "/res/icons/image.svg", + "./res/icons/image.svg", "Img2Img", (state, opt) => { // Draw new cursor immediately diff --git a/js/ui/tool/interrogate.js b/js/ui/tool/interrogate.js index 2818196..f39528f 100644 --- a/js/ui/tool/interrogate.js +++ b/js/ui/tool/interrogate.js @@ -1,6 +1,6 @@ const interrogateTool = () => toolbar.registerTool( - "/res/icons/microscope.svg", + "./res/icons/microscope.svg", "Interrogate", (state, opt) => { // Draw new cursor immediately diff --git a/js/ui/tool/maskbrush.js b/js/ui/tool/maskbrush.js index 46cb7cd..35da787 100644 --- a/js/ui/tool/maskbrush.js +++ b/js/ui/tool/maskbrush.js @@ -61,7 +61,7 @@ const _mask_brush_erase_callback = (evn, state, opacity = 100) => { const maskBrushTool = () => toolbar.registerTool( - "/res/icons/paintbrush.svg", + "./res/icons/paintbrush.svg", "Mask Brush", (state, opt) => { // Draw new cursor immediately diff --git a/js/ui/tool/select.js b/js/ui/tool/select.js index dd228f3..d7c7e92 100644 --- a/js/ui/tool/select.js +++ b/js/ui/tool/select.js @@ -1,6 +1,6 @@ const selectTransformTool = () => toolbar.registerTool( - "/res/icons/box-select.svg", + "./res/icons/box-select.svg", "Select Image", (state, opt) => { // Draw new cursor immediately diff --git a/js/ui/tool/stamp.js b/js/ui/tool/stamp.js index 47af52d..9f45c08 100644 --- a/js/ui/tool/stamp.js +++ b/js/ui/tool/stamp.js @@ -1,6 +1,6 @@ const stampTool = () => toolbar.registerTool( - "/res/icons/file-up.svg", + "./res/icons/file-up.svg", "Stamp Image", (state, opt) => { state.loaded = true;