replace icon x => x-lg

pull/1038/head
Cory LaViska 2022-11-29 11:03:58 -05:00
rodzic 0b0a571d17
commit 0c18880e5c
7 zmienionych plików z 10 dodań i 17 usunięć

Wyświetl plik

@ -91,7 +91,7 @@ export default css`
flex: 0 0 auto;
display: flex;
align-items: center;
font-size: var(--sl-font-size-large);
font-size: var(--sl-font-size-medium);
padding-inline-end: var(--sl-spacing-medium);
}
`;

Wyświetl plik

@ -211,7 +211,7 @@ export default class SlAlert extends ShoelaceElement {
part="close-button"
exportparts="base:close-button__base"
class="alert__close-button"
name="x"
name="x-lg"
library="system"
label=${this.localize.term('close')}
@click=${this.handleCloseClick}

Wyświetl plik

@ -103,9 +103,9 @@ const icons = {
<path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
</svg>
`,
x: `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
'x-lg': `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
<path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
</svg>
`,
'x-circle-fill': `

Wyświetl plik

@ -54,8 +54,8 @@ export default css`
}
.tab__close-button {
font-size: var(--sl-font-size-large);
margin-inline-start: var(--sl-spacing-2x-small);
font-size: var(--sl-font-size-small);
margin-inline-start: var(--sl-spacing-small);
}
.tab__close-button::part(base) {

Wyświetl plik

@ -97,7 +97,7 @@ export default class SlTab extends ShoelaceElement {
<sl-icon-button
part="close-button"
exportparts="base:close-button__base"
name="x"
name="x-lg"
library="system"
label=${this.localize.term('close')}
class="tab__close-button"

Wyświetl plik

@ -69,11 +69,6 @@ export default css`
padding: 0 var(--sl-spacing-x-small);
}
.tag--small .tag__remove {
margin-inline-start: var(--sl-spacing-2x-small);
margin-right: calc(-1 * var(--sl-spacing-3x-small));
}
.tag--medium {
font-size: var(--sl-button-font-size-medium);
height: calc(var(--sl-input-height-medium) * 0.8);
@ -91,9 +86,7 @@ export default css`
}
.tag__remove {
font-size: 1.4em;
margin-inline-start: var(--sl-spacing-2x-small);
margin-inline-end: calc(-1 * var(--sl-spacing-x-small));
margin-inline-start: var(--sl-spacing-x-small);
}
/*

Wyświetl plik

@ -79,7 +79,7 @@ export default class SlTag extends ShoelaceElement {
<sl-icon-button
part="remove-button"
exportparts="base:remove-button__base"
name="x"
name="x-lg"
library="system"
label=${this.localize.term('remove')}
class="tag__remove"