Change error icon

This commit is contained in:
Alexey Koshelev
2025-04-14 15:36:17 +03:00
parent 08e86fd061
commit 5c6aa4a028
37 changed files with 9 additions and 15 deletions

View File

@ -79,7 +79,7 @@
<div id="update-models-row">
<div id="update-models-loader-container" class="asc-loader-container"></div>
<button id="update-models-btn" class="action-btn i18n">Update models list</button>
<img id="update-models-error" src="resources/icons/error-small/error.png" style="display: none;"/>
<img id="update-models-error" class="icon" src="resources/icons/light/error.png" style="display: none;"/>
</div>
</div>
<select id="model-name-cmb" class="form-control"></select>

View File

@ -34,7 +34,7 @@
<body class="noselect">
<div id="label-row">
<label class="i18n">Connected custom providers</label>
<img id="alert-icon" src="resources/icons/error-small/error.png"/>
<img id="alert-icon" class="icon" src="resources/icons/light/info.png"/>
</div>
<div id="list-row">
<div id="providers-list" class="empty">

Binary file not shown.

After

Width:  |  Height:  |  Size: 337 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 393 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 472 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 522 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 368 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 379 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 419 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 515 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 576 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 243 B

View File

@ -1,4 +0,0 @@
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="13" cy="13" r="8" fill="#F62211"/>
<path fill="#fff" d="M12 8h2v6h-2zm0 8h2v2h-2z"/>
</svg>

Before

Width:  |  Height:  |  Size: 208 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 300 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 332 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 345 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 361 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 203 B

View File

@ -1,4 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="6" fill="#F62211"/>
<path fill="#fff" d="M9 6h2v5H9zm0 6h2v2H9z"/>
</svg>

Before

Width:  |  Height:  |  Size: 205 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 245 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 288 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 309 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 329 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 328 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 391 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 462 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 516 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 585 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 396 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 393 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 427 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 558 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 570 B

View File

@ -16,8 +16,6 @@ body {
margin-left: 4px;
width: 20px;
height: 20px;
opacity: 0.6;
filter: grayscale(1);
}
#alert-inner-popover {

View File

@ -218,7 +218,7 @@ function onThemeChanged(theme) {
});
document.body.classList.add(theme.name);
document.body.classList.add('theme-type-' + themeType);
$('.toggle-button img').each(function() {
$('img.icon').each(function() {
var src = $(this).attr('src');
var newSrc = src.replace(/(icons\/)([^\/]+)(\/)/, '$1' + themeType + '$3');
$(this).attr('src', newSrc);
@ -543,7 +543,7 @@ function ValidatorWrapper(options) {
validator: function(value) {
return value.trim().length > 1 ? '' : window.Asc.plugin.tr('This field is required');
},
errorIconSrc: 'resources/icons/error-small/error.png'
errorIconSrc: 'resources/icons/light/error.png'
};
// Merge user options with defaults
this.options = Object.assign({}, defaults, options);
@ -562,7 +562,10 @@ function ValidatorWrapper(options) {
this.errorIconEl = document.createElement('img');
this.errorIconEl.src = this.options.errorIconSrc;
this.errorIconEl.className = 'icon';
this.errorIconEl.style.position = 'absolute';
this.errorIconEl.style.width = '20px';
this.errorIconEl.style.height = '20px';
this.errorIconEl.style.top = '1px';
this.errorIconEl.style.right = '0px';
this.errorIconEl.style.display = 'none';
@ -649,6 +652,7 @@ function ToggleButton(options) {
this.buttonEl.className = "toggle-button";
this.iconEl = document.createElement("img");
this.iconEl.className = "icon";
this.iconEl.src = this.options.icon;
this.buttonEl.appendChild(this.iconEl);

View File

@ -92,7 +92,7 @@
const errorObj = errorsMap[item.error];
const $error = $(
'<div class="message_content_error_title">' +
'<img src="' + getFormattedPathForIcon('resources/icons/error-small/error.png') + '" />' +
'<img class="icon" src="' + getFormattedPathForIcon('resources/icons/light/error.png') + '" />' +
'<div>' + errorObj.title + '</div>' +
'</div>' +
'<div class="message_content_error_desc">' + errorObj.description + '</div>'