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-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 {
-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");
}

24
css/index.css
View file

@ -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 {

20
css/ui/generic.css
View file

@ -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");
}

18
css/ui/layers.css
View file

@ -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;

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

@ -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;

4
css/ui/toolbar.css
View file

@ -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;
}

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

@ -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

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

@ -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

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

@ -1,6 +1,6 @@
const interrogateTool = () =>
toolbar.registerTool(
"/res/icons/microscope.svg",
"./res/icons/microscope.svg",
"Interrogate",
(state, opt) => {
// 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 = () =>
toolbar.registerTool(
"/res/icons/paintbrush.svg",
"./res/icons/paintbrush.svg",
"Mask Brush",
(state, opt) => {
// Draw new cursor immediately

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

@ -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

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

@ -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;