* Fix a whole bunch of mobile styling bugs
* Make searchbox scroll fix only apply in mobile mode to prevent bug
* Remove the min-width requirement for the main column
This was meant to be removed already, this is what fixes posts having an odd right side gap before swapping to the mobile layout
* Make margins consistent between fixed and unfixed navbar settings
* Remove some empty space from deleted option
* Make mobile layout post width fix only apply in mobile mode to prevent bug
* Make sure some options only get applied to the elements that need them, also fix the margins on the settings page
* Move search comments option before it starts touching the sort options and wrapping the x amount of comments text
* Trigger the even further compacted layout a little earlier, right before text begins wrapping in odd ways
* In the extra small mobile layout make give up/downvote numbers enough room so they aren't clipping out of their box
* Fix https://github.com/redlib-org/redlib/issues/172
* Properly center search box instead of having it slightly skewed
* Undo word wrapping since it breaks the sorting options and the only other viable setting has an absolute conniption on Chrome for some reason
* Readd word wrapping and just force it to normal for the sorting section
* Make post flair line up with title
* Make post flair position consistent
* Make footer text properly horizontally centered in mobile mode and fix slight vertical misalignment issues
* Make feeds button appear in settings menu to keep navbar looking consistent
* Fix extra navbar padding on search page
* Reduce gap between navbar and content in mobile mode
* Reduce gap between navbar and content in mobile mode
* Search: Apply bg on elements rather than container
This changes allows moving the individual elements that composes
the search bar around without losing the background on the elements.
* Update search widget semantic structure
* Make search bar design responsive on small screens
* Fix border color
* Polish
* Fix user comment post link disappearing when < 480px
* Improve user comment metadata design for mobile
* Remove formerly unused CSS class style
The prior commit introduced the usage of the `comment_subreddit` class
to identify the subreddit that the reddit user posted the comment on.
However, this class came with a legacy style within the CSS file that was
previously not used anywhere within the current day Redlib
As such this style has been removed.
Add the ability to search for specific comments within posts.
Known issues:
- Just like on reddit, this does not work with comment sorting. The
sorting order is ignored during the search and changing the sorting
order after the search does not change anything. I do not think we
can fix this before reddit does, since in my understanding we rely
on them for the sorting. However we could implement a default
sorting method ourselves by taking the vector of comments returned
from the search and sorting it manually.
- The UI could be improved on mobile. On screens with a max width
inferior to 480 pixels, the comment search bar is displayed below
the comment sorting form. It would be great if we could make the
search bar have the same width as the whole comment sorting form
but I do not have the willpower to write any more css.