Add a placeholder icon when no country is selected in Et2-SelectCountry widget

This commit is contained in:
Hadi Nategh 2022-08-29 15:41:04 +02:00
parent 86baaad9d0
commit feb476b8cd

View File

@ -8,7 +8,14 @@ et2-select-country sl-menu-item::part(prefix), et2-select-country .flag {
width: 20px; width: 20px;
margin-right: 10px; margin-right: 10px;
} }
/* No country selected*/
et2-select-country[value=""] .flag, et2-select-country [value=""]::part(prefix) {
background-image: url(../images/internet.png);
background-position: center;
background-size: 20px;
background-repeat: no-repeat;
height: 20px;
}
/* First selector is for the current value, second for the option */ /* First selector is for the current value, second for the option */
et2-select-country[value="BE"] .flag, et2-select-country [value="BE"]::part(prefix) { et2-select-country[value="BE"] .flag, et2-select-country [value="BE"]::part(prefix) {
width: 18px width: 18px