mirror of https://github.com/FreeTubeApp/FreeTube
3c7b143fce
* Removing a `width:auto` which was overriding the width for a lot of .select-text * Making the general-settings component not overflow * Reducing margin in settings when window is narrow * Moving invidious instance tooltip to reduce overflow * Reducing the width of sliders to be 100% at maximum Before this change, the preset width `380px` could easily be wider than the window. * Reducing overflow in Theme Settings - Added breakpoint for theme `select`s - Added breakpoint for the UI scale slider * Reducing the remaining overflow in settings This moves all of the tooltips slightly to the left when the window is narrow to reduce overflow. * Expanding the sponsorblock settings to full width * Moving remaining tooltips into a fixed zone * Floating the tooltip icon to the right When the display is narrow, the tooltip can sometimes overflow, and it is very difficult to predict how it will overflow if the tool tip icon comes directly after a locale string. This change floats those icons into a centralized location where the tooltip can be guaranteed to not overflow. * Removing some irrelevant changes * Reducing margin on switches * Removing bottom margin on the last section * Making room for overflow ellipsis * Adding class `.containsTooltip` to `ft-toggle` This should make is easier to style the toggles which contain tooltips specficially. * Modifying the media query for tooltips * Adding a media query to reduce data settings margin |
||
|---|---|---|
| .. | ||
| ft-settings-section.js | ||
| ft-settings-section.sass | ||
| ft-settings-section.vue | ||