Add icon to theme switch.

This commit is contained in:
kovacsv 2021-09-04 20:56:37 +02:00
parent ed6b3f412f
commit 2d04bbfd95
6 changed files with 25 additions and 8 deletions

8
assets/icons/theme.svg Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg fill="none" version="1.1" viewBox="0 0 30 18" xmlns="http://www.w3.org/2000/svg">
<g stroke="#263238" stroke-linecap="round" stroke-linejoin="round">
<path d="m7 14.565c3.0376 0 5.5-2.4625 5.5-5.5 0-3.0376-2.4624-5.5-5.5-5.5s-5.5 2.4624-5.5 5.5c0 3.0376 2.4624 5.5 5.5 5.5z"/>
<path d="m27.12 10.255c-0.4064 0.21603-0.8515 0.34988-1.3096 0.39392-0.4582 0.04404-0.9206-0.0026-1.3607-0.13723-0.8889-0.27193-1.6334-0.88584-2.0697-1.7067-0.4363-0.82084-0.5286-1.7814-0.2567-2.6703 0.2719-0.88893 0.8859-1.6334 1.7067-2.0697 0.2756-0.13995 0.568-0.24413 0.87-0.31-1.1153-0.35166-2.3136-0.33934-3.4215 0.03517-1.1078 0.37451-2.0678 1.0918-2.741 2.0481-0.6731 0.95627-1.0246 2.1019-1.0035 3.2712 0.0211 1.1693 0.4137 2.3015 1.1209 3.2328 0.7073 0.93135 1.6925 1.6136 2.8131 1.9478 1.1207 0.3343 2.3186 0.3033 3.4205-0.0883 1.1019-0.3917 2.0507-1.1238 2.7089-2.0904 0.6582-0.9666 0.9919-2.1176 0.9526-3.2864-0.3221 0.60955-0.8205 1.1079-1.43 1.43z"/>
<path d="m16.5 3.565-3 11"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 180 KiB

After

Width:  |  Height:  |  Size: 180 KiB

View File

@ -1,6 +1,6 @@
@font-face {
font-family: "O3DVIcons";
src: url("O3DVIcons/O3DVIcons.woff?635260a48b8099b02c71a5bd51ded212") format("woff");
src: url("O3DVIcons/O3DVIcons.woff?93f39811e559aabadab944aab78ad1e7") format("woff");
}
i[class^="icon-"]:before, i[class*=" icon-"]:before {
@ -95,15 +95,18 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
.icon-share:before {
content: "\f11b";
}
.icon-up_y:before {
.icon-theme:before {
content: "\f11c";
}
.icon-up_z:before {
.icon-up_y:before {
content: "\f11d";
}
.icon-visible:before {
.icon-up_z:before {
content: "\f11e";
}
.icon-warning:before {
.icon-visible:before {
content: "\f11f";
}
.icon-warning:before {
content: "\f120";
}

View File

@ -230,9 +230,13 @@ div.ov_sidebar_title div.ov_sidebar_title_img
cursor: pointer;
}
div.ov_sidebar_subtitle
div.ov_sidebar_subtitle_icon
{
overflow: auto;
width: 30px;
height: 18px;
margin-top: 2px;
margin-right: 10px;
float: left;
}
div.ov_sidebar_content

View File

@ -135,7 +135,9 @@ OV.SettingsSidebarPanel = class extends OV.SidebarPanel
let contentDiv = $('<div>').addClass ('ov_sidebar_settings_content').appendTo (this.contentDiv);
// TODO: icon
let titleDiv = $('<div>').addClass ('ov_sidebar_subtitle').html ('Appearance').appendTo (contentDiv);
let titleDiv = $('<div>').addClass ('ov_sidebar_subtitle').appendTo (contentDiv);
OV.CreateSvgIcon (titleDiv, 'theme', 'ov_sidebar_subtitle_icon');
$('<div>').html ('Appearance').appendTo (titleDiv);
let buttonsDiv = $('<div>').addClass ('ov_sidebar_settings_padded').appendTo (contentDiv);
let result = {
buttons : [],