From feb476b8cdb7364258c145f9262cc64476653753 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Mon, 29 Aug 2022 15:41:04 +0200
Subject: [PATCH] Add a placeholder icon when no country is selected in
 Et2-SelectCountry widget

---
 api/templates/default/css/flags.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/api/templates/default/css/flags.css b/api/templates/default/css/flags.css
index 7efd2b479e..8e38a8ac09 100644
--- a/api/templates/default/css/flags.css
+++ b/api/templates/default/css/flags.css
@@ -8,7 +8,14 @@ et2-select-country sl-menu-item::part(prefix), et2-select-country .flag {
     width: 20px;
     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 */
 et2-select-country[value="BE"] .flag, et2-select-country [value="BE"]::part(prefix) {
     width: 18px