victrme / Bonjourr

Minimalist & lightweight startpage inspired by iOS
https://bonjourr.fr
GNU General Public License v3.0
961 stars 110 forks source link

Search bar is broken on mobile version #259

Closed kyoyacchi closed 10 months ago

kyoyacchi commented 10 months ago

Hi, it's me again. (Here we go again.)

The Search bar looks broken on mobile after the latest update.

(Without any CSS in Lemur/Kiwi Browser) (Lemur w/o any CSS) Screenshot_20231210-175704 Kiwi (w/o any CSS) Screenshot_20231210-180509

I added this CSS to get it down a little, also can't see the "🔎" button next to input element.

#searchbar, #sb-container, #sb-buttons, #sb-suggestions {
margin-top: 250px !important;
margin-left: -19px !important;
}

And this is the Kiwi Browser with some CSS.

Screenshot_20231210-180415

And this is how it looks with suggestions on (With CSS) Screenshot_20231210-180725 (W/o css) Screenshot_20231210-180825

victrme commented 10 months ago

Hi again @kyoyacchi

Sorry about that. I added support for right-to-left languages for the search bar and every browsers were fine, but Kiwi browser behaves differently somehow !

This style fixes the bug:

#interface #sb_container #searchbar {
  width: 100%
}
xJon commented 10 months ago

It appears to not work properly on Chrome/Android as well: Image

victrme commented 10 months ago

Sorry it took so long, it is fixed now !