sneedgroup-holder/openOutpaint
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css/js resource changes for extension

Browse source
This commit is contained in:
tim h 2022-12-18 17:50:40 -06:00
parent 4bcacf6353
commit f0aaf51389
13 changed files with 60 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
css/fonts.css
View file

@ -1,4 +1,4 @@
@font-face { @font-face {
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
src: url("/res/fonts/OpenSans.ttf") format("truetype"); src: url("../res/fonts/OpenSans.ttf") format("truetype");
} }

36
css/icons.css
View file

@ -1,44 +1,44 @@
.ui.icon > .icon-eye-off { .ui.icon > .icon-eye-off {
-webkit-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"); mask-image: url("../res/icons/eye-off.svg");
} }
.ui.icon > .icon-eye { .ui.icon > .icon-eye {
-webkit-mask-image: url("/res/icons/eye.svg"); -webkit-mask-image: url("../res/icons/eye.svg");
mask-image: url("/res/icons/eye.svg"); mask-image: url("../res/icons/eye.svg");
} }
.ui.icon > .icon-file-plus { .ui.icon > .icon-file-plus {
-webkit-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"); mask-image: url("../res/icons/file-plus.svg");
} }
.ui.icon > .icon-file-x { .ui.icon > .icon-file-x {
-webkit-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"); mask-image: url("../res/icons/file-x.svg");
} }
.ui.icon > .icon-chevron-down { .ui.icon > .icon-chevron-down {
-webkit-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"); mask-image: url("../res/icons/chevron-down.svg");
} }
.ui.icon > .icon-chevron-up { .ui.icon > .icon-chevron-up {
-webkit-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"); mask-image: url("../res/icons/chevron-up.svg");
} }
.ui.icon > .icon-chevron-first { .ui.icon > .icon-chevron-first {
-webkit-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"); mask-image: url("../res/icons/chevron-first.svg");
} }
.ui.icon > .icon-chevron-flat-down { .ui.icon > .icon-chevron-flat-down {
-webkit-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"); mask-image: url("../res/icons/chevron-first.svg");
transform: rotate(-90deg); transform: rotate(-90deg);
} }
.ui.icon > .icon-settings { .ui.icon > .icon-settings {
-webkit-mask-image: url("/res/icons/settings.svg"); -webkit-mask-image: url("../res/icons/settings.svg");
mask-image: url("/res/icons/settings.svg"); mask-image: url("../res/icons/settings.svg");
} }

24
css/index.css
View file

@ -55,8 +55,8 @@ body {
height: 21px; height: 21px;
background-color: var(--c-text); background-color: var(--c-text);
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"); -webkit-mask-image: url("../res/icons/chevron-up.svg");
mask-size: contain; mask-size: contain;
-webkit-mask-size: contain; -webkit-mask-size: contain;
rotate: 90deg; rotate: 90deg;
@ -154,8 +154,8 @@ body {
width: 25px; width: 25px;
height: 25px; height: 25px;
-webkit-mask-image: url("/res/icons/x.svg"); -webkit-mask-image: url("../res/icons/x.svg");
mask-image: url("/res/icons/x.svg"); mask-image: url("../res/icons/x.svg");
background-color: var(--c-text); background-color: var(--c-text);
} }
@ -423,18 +423,18 @@ div.prompt-wrapper > .prompt-indicator::after {
} }
div.prompt-wrapper > .prompt-indicator.positive::after { div.prompt-wrapper > .prompt-indicator.positive::after {
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"); -webkit-mask-image: url("../res/icons/plus-square.svg");
} }
div.prompt-wrapper > .prompt-indicator.negative::after { div.prompt-wrapper > .prompt-indicator.negative::after {
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"); -webkit-mask-image: url("../res/icons/minus-square.svg");
} }
div.prompt-wrapper > .prompt-indicator.styles::after { div.prompt-wrapper > .prompt-indicator.styles::after {
mask-image: url("/res/icons/library.svg"); mask-image: url("../res/icons/library.svg");
-webkit-mask-image: url("/res/icons/library.svg"); -webkit-mask-image: url("../res/icons/library.svg");
} }
.prompt-history-wrapper { .prompt-history-wrapper {
@ -561,8 +561,8 @@ button.prompt-history-btn::after {
mask-size: contain; mask-size: contain;
-webkit-mask-size: contain; -webkit-mask-size: contain;
mask-image: url("/res/icons/history.svg"); mask-image: url("../res/icons/history.svg");
-webkit-mask-image: url("/res/icons/history.svg"); -webkit-mask-image: url("../res/icons/history.svg");
} }
button.prompt-history-btn:hover { button.prompt-history-btn:hover {

20
css/ui/generic.css
View file

@ -157,9 +157,9 @@ div.autocomplete > .autocomplete-list > .autocomplete-option.selected::after {
background-color: darkgreen; background-color: darkgreen;
-webkit-mask-image: url("/res/icons/check.svg"); -webkit-mask-image: url("../../res/icons/check.svg");
-webkit-mask-size: contain; -webkit-mask-size: contain;
mask-image: url("/res/icons/check.svg"); mask-image: url("../../res/icons/check.svg");
mask-size: contain; mask-size: contain;
} }
@ -176,9 +176,9 @@ select > option:checked::after {
background-color: darkgreen; background-color: darkgreen;
-webkit-mask-image: url("/res/icons/check.svg"); -webkit-mask-image: url("../../res/icons/check.svg");
-webkit-mask-size: contain; -webkit-mask-size: contain;
mask-image: url("/res/icons/check.svg"); mask-image: url("../../res/icons/check.svg");
mask-size: contain; mask-size: contain;
} }
/*************/ /*************/
@ -332,16 +332,16 @@ select > option:checked::after {
/* Generic buttons */ /* Generic buttons */
.list .actions > .delete-btn > *:first-child { .list .actions > .delete-btn > *:first-child {
-webkit-mask-image: url("/res/icons/trash.svg"); -webkit-mask-image: url("../../res/icons/trash.svg");
mask-image: url("/res/icons/trash.svg"); mask-image: url("../../res/icons/trash.svg");
} }
.list .actions > .rename-btn > *:first-child { .list .actions > .rename-btn > *:first-child {
-webkit-mask-image: url("/res/icons/edit.svg"); -webkit-mask-image: url("../../res/icons/edit.svg");
mask-image: url("/res/icons/edit.svg"); mask-image: url("../../res/icons/edit.svg");
} }
.list .actions > .download-btn > *:first-child { .list .actions > .download-btn > *:first-child {
-webkit-mask-image: url("/res/icons/download.svg"); -webkit-mask-image: url("../../res/icons/download.svg");
mask-image: url("/res/icons/download.svg"); mask-image: url("../../res/icons/download.svg");
} }

18
css/ui/layers.css
View file

@ -99,22 +99,22 @@
} }
#layer-list .actions > .rename-btn > *:first-child { #layer-list .actions > .rename-btn > *:first-child {
-webkit-mask-image: url("/res/icons/edit.svg"); -webkit-mask-image: url("../../res/icons/edit.svg");
mask-image: url("/res/icons/edit.svg"); mask-image: url("../../res/icons/edit.svg");
} }
#layer-list .actions > .delete-btn > *:first-child { #layer-list .actions > .delete-btn > *:first-child {
-webkit-mask-image: url("/res/icons/trash.svg"); -webkit-mask-image: url("../../res/icons/trash.svg");
mask-image: url("/res/icons/trash.svg"); mask-image: url("../../res/icons/trash.svg");
} }
#layer-list .actions > .hide-btn > *:first-child { #layer-list .actions > .hide-btn > *:first-child {
-webkit-mask-image: url("/res/icons/eye.svg"); -webkit-mask-image: url("../../res/icons/eye.svg");
mask-image: url("/res/icons/eye.svg"); mask-image: url("../../res/icons/eye.svg");
} }
#layer-list .hidden .actions > .hide-btn > *:first-child { #layer-list .hidden .actions > .hide-btn > *:first-child {
-webkit-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"); mask-image: url("../../res/icons/eye-off.svg");
} }
.layer-manager > .separator { .layer-manager > .separator {
@ -158,7 +158,7 @@
background-color: #293d3d77; background-color: #293d3d77;
mask-image: url("/res/icons/chevron-up.svg"); mask-image: url("../../res/icons/chevron-up.svg");
mask-size: contain; mask-size: contain;
width: 60px; width: 60px;

2
css/ui/tool/colorbrush.css
View file

@ -35,7 +35,7 @@
border: 0; border: 0;
background-image: url("/res/icons/pipette.svg"); background-image: url("./res/icons/pipette.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: contain; background-size: contain;

4
css/ui/toolbar.css
View file

@ -51,9 +51,9 @@
background-color: red; background-color: red;
-webkit-mask-image: url("/res/icons/lock.svg"); -webkit-mask-image: url("../../res/icons/lock.svg");
-webkit-mask-size: contain; -webkit-mask-size: contain;
mask-image: url("/res/icons/lock.svg"); mask-image: url("../../res/icons/lock.svg");
mask-size: contain; mask-size: contain;
} }

2
js/ui/tool/colorbrush.js
View file

@ -37,7 +37,7 @@ const _color_brush_erase_callback = (evn, state, ctx) => {
const colorBrushTool = () => const colorBrushTool = () =>
toolbar.registerTool( toolbar.registerTool(
"/res/icons/brush.svg", "./res/icons/brush.svg",
"Color Brush", "Color Brush",
(state, opt) => { (state, opt) => {
// Draw new cursor immediately // Draw new cursor immediately

4
js/ui/tool/dream.js
View file

@ -1071,7 +1071,7 @@ const _dream_onwheel = (evn, state) => {
*/ */
const dreamTool = () => const dreamTool = () =>
toolbar.registerTool( toolbar.registerTool(
"/res/icons/image-plus.svg", "./res/icons/image-plus.svg",
"Dream", "Dream",
(state, opt) => { (state, opt) => {
// Draw new cursor immediately // Draw new cursor immediately
@ -1426,7 +1426,7 @@ const dreamTool = () =>
const img2imgTool = () => const img2imgTool = () =>
toolbar.registerTool( toolbar.registerTool(
"/res/icons/image.svg", "./res/icons/image.svg",
"Img2Img", "Img2Img",
(state, opt) => { (state, opt) => {
// Draw new cursor immediately // Draw new cursor immediately

2
js/ui/tool/interrogate.js
View file

@ -1,6 +1,6 @@
const interrogateTool = () => const interrogateTool = () =>
toolbar.registerTool( toolbar.registerTool(
"/res/icons/microscope.svg", "./res/icons/microscope.svg",
"Interrogate", "Interrogate",
(state, opt) => { (state, opt) => {
// Draw new cursor immediately // Draw new cursor immediately

2
js/ui/tool/maskbrush.js
View file

@ -61,7 +61,7 @@ const _mask_brush_erase_callback = (evn, state, opacity = 100) => {
const maskBrushTool = () => const maskBrushTool = () =>
toolbar.registerTool( toolbar.registerTool(
"/res/icons/paintbrush.svg", "./res/icons/paintbrush.svg",
"Mask Brush", "Mask Brush",
(state, opt) => { (state, opt) => {
// Draw new cursor immediately // Draw new cursor immediately

2
js/ui/tool/select.js
View file

@ -1,6 +1,6 @@
const selectTransformTool = () => const selectTransformTool = () =>
toolbar.registerTool( toolbar.registerTool(
"/res/icons/box-select.svg", "./res/icons/box-select.svg",
"Select Image", "Select Image",
(state, opt) => { (state, opt) => {
// Draw new cursor immediately // Draw new cursor immediately

2
js/ui/tool/stamp.js
View file

@ -1,6 +1,6 @@
const stampTool = () => const stampTool = () =>
toolbar.registerTool( toolbar.registerTool(
"/res/icons/file-up.svg", "./res/icons/file-up.svg",
"Stamp Image", "Stamp Image",
(state, opt) => { (state, opt) => {
state.loaded = true; state.loaded = true;