diff --git a/Source/Components/ImageGlass.Settings/WebUI.cs b/Source/Components/ImageGlass.Settings/WebUI.cs index a66f2ede3..a4c24d004 100644 --- a/Source/Components/ImageGlass.Settings/WebUI.cs +++ b/Source/Components/ImageGlass.Settings/WebUI.cs @@ -100,6 +100,8 @@ public static async Task UpdateSvgIconsAsync(bool forced = false) { IconName.ArrowExchange, string.Empty }, { IconName.Sun, string.Empty }, { IconName.Moon, string.Empty }, + { IconName.Info, string.Empty }, + { IconName.Warning, string.Empty }, }; diff --git a/Source/Components/ImageGlass.Settings/WebUI/FrmSettings.html b/Source/Components/ImageGlass.Settings/WebUI/FrmSettings.html index cff800975..5a287c80d 100644 --- a/Source/Components/ImageGlass.Settings/WebUI/FrmSettings.html +++ b/Source/Components/ImageGlass.Settings/WebUI/FrmSettings.html @@ -128,7 +128,7 @@ @@ -158,9 +158,9 @@ - +
-
[Start up]
+
[Startup]
+ + +
+
+ [Startup Boost] + +
+
+ + [Preload ImageGlass in the background during Windows startup to accelerate the first launch. The app will automatically exit after 3 seconds.] + +
+
+ + +
+
@@ -902,10 +923,13 @@
-
[Default photo viewer]
+
+ [Default photo viewer] + +
- [You can set ImageGlass as your default photo viewer using the buttons below. Remember to manually reset it if you uninstall ImageGlass, as the installer does not handle this task automatically.] + [You can set ImageGlass as your default photo viewer using the buttons below. If necessary, open the Default apps settings to manually choose ImageGlass as the default.]
-
[Icon]
+
+ +
[Current buttons:]
    @@ -103,9 +105,6 @@ export class ToolbarEditorHtmlElement extends HTMLElement { this.#editButtonFn = onEditButton.bind(this); this.#hasChanges = false; this.loadItems(); - - // load icon - query('.section-middle', this).innerHTML = _pageSettings.icons.ArrowExchange; } private loadItems(items?: IToolbarButton[]) { diff --git a/Source/Components/ImageGlass.Settings/WebUI/src/styles/basis/reset.scss b/Source/Components/ImageGlass.Settings/WebUI/src/styles/basis/reset.scss index 380d66b01..9e51086b2 100644 --- a/Source/Components/ImageGlass.Settings/WebUI/src/styles/basis/reset.scss +++ b/Source/Components/ImageGlass.Settings/WebUI/src/styles/basis/reset.scss @@ -360,4 +360,9 @@ progress { .__web-inspector-hide-shortcut__ { display: none !important; -} \ No newline at end of file +} + + +.cursor-help { + cursor: help !important; +} diff --git a/Source/Components/ImageGlass.Settings/WebUI/src/styles/components/toolbar-editor.scss b/Source/Components/ImageGlass.Settings/WebUI/src/styles/components/toolbar-editor.scss index 2467c4b96..5ea7c678d 100644 --- a/Source/Components/ImageGlass.Settings/WebUI/src/styles/components/toolbar-editor.scss +++ b/Source/Components/ImageGlass.Settings/WebUI/src/styles/components/toolbar-editor.scss @@ -6,13 +6,6 @@ toolbar-editor { display: flex; align-items: center; padding: 0 1rem; - - svg { - width: 2rem; - height: 2rem; - stroke: rgb(var(--AppText)); - fill: rgb(var(--AppText)); - } } .section-available { display: grid; diff --git a/Source/Components/ImageGlass.Settings/WebUI/src/styles/pages/settings.scss b/Source/Components/ImageGlass.Settings/WebUI/src/styles/pages/settings.scss index 3ca1a52c3..2c27be755 100644 --- a/Source/Components/ImageGlass.Settings/WebUI/src/styles/pages/settings.scss +++ b/Source/Components/ImageGlass.Settings/WebUI/src/styles/pages/settings.scss @@ -53,10 +53,6 @@ } } - #LnkHelp { - cursor: help; - } - section { margin-bottom: 2rem; padding-left: 1rem; @@ -370,4 +366,25 @@ border-left: 0.1rem solid var(--ControlBorder); } } + + + i[icon] { + display: inline-flex; + + &> svg { + width: 1.125em; + height: 1.125em; + stroke: rgb(var(--AppText)); + fill: rgb(var(--AppText)); + } + + &.icon-hover { + border-radius: var(--borderRadius); + transition: background ease var(--transitionMs); + + &:hover { + background: rgb(var(--Accent) / 0.25); + } + } + } } diff --git a/Source/Components/ImageGlass.UI/Themes/IconFile.cs b/Source/Components/ImageGlass.UI/Themes/IconFile.cs index ee57a2d57..bb7387b23 100644 --- a/Source/Components/ImageGlass.UI/Themes/IconFile.cs +++ b/Source/Components/ImageGlass.UI/Themes/IconFile.cs @@ -63,6 +63,8 @@ public enum IconName Selection, Setting, + Info, + Warning, Delete, Edit, Moon, diff --git a/Source/ImageGlass/Icons/Info.svg b/Source/ImageGlass/Icons/Info.svg new file mode 100644 index 000000000..9a9646dba --- /dev/null +++ b/Source/ImageGlass/Icons/Info.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/Source/ImageGlass/Icons/Warning.svg b/Source/ImageGlass/Icons/Warning.svg new file mode 100644 index 000000000..f700564d4 --- /dev/null +++ b/Source/ImageGlass/Icons/Warning.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/Source/ImageGlass/ImageGlass.csproj b/Source/ImageGlass/ImageGlass.csproj index 74288442b..8decc3feb 100644 --- a/Source/ImageGlass/ImageGlass.csproj +++ b/Source/ImageGlass/ImageGlass.csproj @@ -188,6 +188,9 @@ PreserveNewest + + PreserveNewest + PreserveNewest @@ -209,6 +212,9 @@ PreserveNewest + + PreserveNewest +