Files
agent0_homepage/overrides/assets/css/custom.scss
T
8674e12eef Fix tooltip width to display content in single line (Issue #70) (#132)
* Add comprehensive tooltip styling module to fix issue #70

- Ensures tooltips display on single line with proper width handling
- Provides both MkDocs Material and browser-native tooltip improvements
- Includes responsive design and accessibility considerations
- Adds dark mode and print media support
- Specifically addresses footer social icon tooltip issues

* Add tooltip module import to fix issue #70

- Imports the new _tooltips.scss module
- Ensures tooltip styling improvements are applied site-wide
- Maintains existing module order for proper CSS cascade

* Add comprehensive tooltip styling module to fix issue #70

- Ensures tooltips display on single line with proper width handling
- Provides both MkDocs Material and browser-native tooltip improvements
- Includes responsive design and accessibility considerations
- Adds dark mode and print media support
- Specifically addresses footer social icon tooltip issues

* Add tooltip module import to fix issue #70

- Imports the new _tooltips.scss module
- Ensures tooltip styling improvements are applied site-wide
- Maintains existing module order for proper CSS cascade

* Fix tooltip wrapping issue with aggressive browser override

- Completely replaces browser-native tooltips with custom implementation
- Forces single-line display with white-space: nowrap !important
- Uses width: max-content to prevent wrapping
- Adds proper positioning and styling for footer social icons
- Includes responsive design and accessibility features
- Provides dark mode support and print styles

---------

Co-authored-by: Michael Wegener <mw@satware.com>
2025-06-10 02:11:54 +02:00

37 lines
989 B
SCSS

//Fontawesome importieren
@import "fontawesome/fontawesome";
@import "fontawesome/regular";
@import "fontawesome/solid";
@import "fontawesome/brands";
@import "fontawesome/light";
@import "fontawesome/sharp-light";
@import "fontawesome/sharp-thin";
// Module importieren
@import "modules/fonts";
@import "modules/base";
@import "modules/theme";
@import "modules/scrollbar";
@import "modules/typography";
@import "modules/navigation";
@import "modules/search";
@import "modules/webinar";
@import "modules/code";
@import "modules/buttons";
@import "modules/header-logo";
@import "modules/consent";
@import 'modules/team';
@import "modules/header";
@import 'modules/footer';
@import 'modules/home';
@import 'modules/testimonials';
@import "modules/faq";
@import "modules/lightbox";
@import "modules/slideshow";
@import "modules/blog";
@import "modules/tooltips"; // Fix for issue #70: Tooltip width improvements
//Responsive Design
@import "responsive/medium";
@import "responsive/mobile";