Et2Favorites: Make star icon bigger

This commit is contained in:
nathan 2023-01-26 09:22:45 -07:00
parent df315e8f96
commit bf6cca24fd

View File

@ -51,38 +51,52 @@ export class Et2Favorites extends Et2DropdownButton implements et2_INextmatchHea
return [ return [
...super.styles, ...super.styles,
css` css`
:host { :host {
min-width: 8ex; min-width: 8ex;
} }
et2-image {
height: ${egwIsMobile() ? 6 : 2}ex; et2-image {
padding: 0px; ${egwIsMobile() ?
margin-top: ${egwIsMobile() ? -6 : -13}px; css`
vertical-align: middle; width: 6ex;
} margin-top: 1.2ex;
et2-image[src="trash"] { ` :
display:none; css`
} width: 20px;
sl-menu { margin-top: 4px;
`
}
}
et2-image[src="trash"] {
display: none;
}
sl-menu {
min-width: 15em; min-width: 15em;
} }
sl-menu-item:hover et2-image[src="trash"] {
display:initial; sl-menu-item:hover et2-image[src="trash"] {
} display: initial;
/* Add star icons - radio button is already in prefix */ }
sl-menu-item::part(base) {
/* Add star icons - radio button is already in prefix */
sl-menu-item::part(base) {
background-image: ${cssImage("fav_filter")}; background-image: ${cssImage("fav_filter")};
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
background-position: 5px center; background-position: 5px center;
} }
sl-menu-item[checked]::part(base) {
sl-menu-item[checked]::part(base) {
background-image: ${cssImage("favorites")}; background-image: ${cssImage("favorites")};
} }
sl-menu-item:last-child::part(base) {
sl-menu-item:last-child::part(base) {
background-image: none; background-image: none;
} }
`, `,
]; ];
} }