From 2cf4404657fdde2b84a426148e0f81456c34429d Mon Sep 17 00:00:00 2001 From: Prem Kumar <60751338+prem-k-r@users.noreply.github.com> Date: Fri, 6 Dec 2024 13:43:43 +0530 Subject: [PATCH 1/5] Update style.css search engine dropdown enhancement --- style.css | 58 +++++++++++++++++++++++++++---------------------------- 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/style.css b/style.css index fa4ba1c4..c5019f13 100644 --- a/style.css +++ b/style.css @@ -880,8 +880,8 @@ body { outline: none; border: none; background-color: #00000000; - padding: 0 4px; - margin-left: 53px; + padding: 0 2px; + margin-left: 55px; font-size: 1rem; } @@ -2294,54 +2294,55 @@ input:checked + .toggle:before { /* Dropdown css */ .dropdown-item { - display: flex; - gap: 8px; - align-items: center; + display: flex; + gap: 8px; + align-items: center; } .dropdown-btn { - background: none; - border: none; + background: none; + border: none; } .dropdown { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } .dropdown-content { - background: var(--accentLightTint-blue); - border-radius: 16px; - display: none; - position: absolute; - min-width: 160px; - box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); - z-index: 1; - top: 57px; - left: -14px; + background: var(--accentLightTint-blue); + border-radius: 16px; + display: none; + position: absolute; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + z-index: 1; + top: 47px; + left: -14px; overflow: hidden; + max-height: 205px; } .dropdown-content .dropdown-item { - padding: 8px 16px; - cursor: pointer; + padding: 8px 16px; + cursor: pointer; } #default-dropdown-item .engine-name { - display: none; + display: none; } .dropdown-content .engine-name { - font-size: 1rem; + font-size: 1rem; } .dropdown-item { - position: relative; + position: relative; } .dropdown-item.selected:not(*[data-default]):before { /* border-radius: 16px; */ - content: ''; + content: ""; position: absolute; top: 0px; left: 0; @@ -2352,9 +2353,8 @@ input:checked + .toggle:before { z-index: -1; } - #default-dropdown-item { - outline: none !important; + outline: none !important; } *[id$="-dropdown"]:not(.dropdown-content .dropdown-item:nth-child(1)) { @@ -2362,10 +2362,10 @@ input:checked + .toggle:before { } .search-dropdown .dropdown-item svg { - width: 36px; - height: 36px; + width: 33px; + height: 33px; margin-left: 0; padding: 2px; background-color: var(--darkColor-blue); border-radius: 100%; -} \ No newline at end of file +} From 1ebb8caa6d3554186417c5fd3c06f853b02b9b07 Mon Sep 17 00:00:00 2001 From: Prem Kumar <60751338+prem-k-r@users.noreply.github.com> Date: Fri, 6 Dec 2024 14:10:27 +0530 Subject: [PATCH 2/5] Update style.css dec max-height as svg changed --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index c5019f13..32f29370 100644 --- a/style.css +++ b/style.css @@ -2320,7 +2320,7 @@ input:checked + .toggle:before { top: 47px; left: -14px; overflow: hidden; - max-height: 205px; + max-height: 192px; } .dropdown-content .dropdown-item { From e02e1324f145010fb98539b83749a56861afc5ed Mon Sep 17 00:00:00 2001 From: Prem Kumar <60751338+prem-k-r@users.noreply.github.com> Date: Fri, 6 Dec 2024 14:20:33 +0530 Subject: [PATCH 3/5] Update index.html fixed search icon svg position --- index.html | 94 +++++++++++++++--------------------------------------- 1 file changed, 26 insertions(+), 68 deletions(-) diff --git a/index.html b/index.html index b7a57af4..1c41ae73 100644 --- a/index.html +++ b/index.html @@ -541,14 +541,16 @@