Alanren/icon overwrite issue (#2484)

* fix the error icon too large issue

* formatting
This commit is contained in:
Alan Ren
2018-09-10 15:55:40 -07:00
committed by GitHub
parent 4ceb869420
commit 709ef4e39f
5 changed files with 15 additions and 15 deletions

View File

@@ -217,7 +217,7 @@ export abstract class Modal extends Disposable implements IThemable {
if (this._modalOptions.isAngular === false && this._modalOptions.hasErrors) {
let builder = errorMessagesInFooter ? this._leftFooter : body;
builder.div({ class: 'dialogErrorMessage', id: 'dialogErrorMessage' }, (errorMessageContainer) => {
errorMessageContainer.div({ class: 'icon error' }, (iconContainer) => {
errorMessageContainer.div({ class: 'sql icon error' }, (iconContainer) => {
this._errorIconElement = iconContainer.getHTMLElement();
this._errorIconElement.style.visibility = 'hidden';
});

View File

@@ -63,21 +63,21 @@
background: url("globalerror.svg") center center no-repeat;
}
.vs .icon.error,
.vs-dark .icon.error,
.hc-black .icon.error {
.vs .sql.icon.error,
.vs-dark .sql.icon.error,
.hc-black .sql.icon.error {
content: url("status_error.svg");
}
.vs .icon.warning,
.vs-dark .icon.warning,
.hc-black .icon.warning {
.vs .sql.icon.warning,
.vs-dark .sql.icon.warning,
.hc-black .sql.icon.warning {
content: url("status_warning.svg");
}
.vs .icon.info,
.vs-dark .icon.info,
.hc-black .icon.info {
.vs .sql.icon.info,
.vs-dark .sql.icon.info,
.hc-black .sql.icon.info {
content: url("status_info.svg");
}

View File

@@ -117,7 +117,7 @@ export class AccountPicker extends Disposable {
// Create refresh account action
this._refreshContainer = DOM.append(this._rootElement, DOM.$('div.refresh-container'));
DOM.append(this._refreshContainer, DOM.$('div.icon warning'));
DOM.append(this._refreshContainer, DOM.$('div.sql icon warning'));
let actionBar = new ActionBar(this._refreshContainer, { animated: false });
this._refreshAccountAction = this._instantiationService.createInstance(RefreshAccountAction);
actionBar.push(this._refreshAccountAction, { icon: false, label: true });

View File

@@ -65,7 +65,7 @@
<div class="option check" #encryptCheckContainer>
</div>
<div class="option" #encryptWarningContainer>
<div class="icon warning">
<div class="sql icon warning">
</div>
<div class="warning-message">
{{localizedStrings.NO_ENCRYPTOR_WARNING}}

View File

@@ -108,13 +108,13 @@ export class ErrorMessageDialog extends Modal {
private updateIconTitle(): void {
switch (this._severity) {
case Severity.Error:
this.titleIconClassName = 'icon error';
this.titleIconClassName = 'sql icon error';
break;
case Severity.Warning:
this.titleIconClassName = 'icon warning';
this.titleIconClassName = 'sql icon warning';
break;
case Severity.Info:
this.titleIconClassName = 'icon info';
this.titleIconClassName = 'sql icon info';
break;
}
}