Avoid horizontal scrollbar caused by tooltip

This commit is contained in:
Björn Fromme
2021-09-01 16:30:32 +02:00
parent 319ea22293
commit c25bd8f1c8
4 changed files with 4 additions and 4 deletions
@@ -6,7 +6,7 @@
<f:section name="Main"> <f:section name="Main">
<div class="relative z-40 lg:container bg-white"> <div class="relative z-40 lg:container bg-white">
<div class="flex items-center lg:items-end justify-between px-4 py-2 lg:pt-4 lg:pb-0"> <div class="flex items-center lg:items-end justify-between px-4 py-2 lg:px-0 lg:pt-4 lg:pb-0">
<a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}" <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
class="block lg:pb-4" class="block lg:pb-4"
title="{settings.defaultTitle}"> title="{settings.defaultTitle}">
@@ -23,7 +23,7 @@
data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}" data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}"
data-watchlist-toggle-target="ariaLabel" data-watchlist-toggle-target="ariaLabel"
data-action="watchlist-toggle#toggle" data-action="watchlist-toggle#toggle"
data-cooltipz-dir="top" data-cooltipz-dir="top-right"
aria-label="auf die Merkliste setzen" aria-label="auf die Merkliste setzen"
role="tooltip"> role="tooltip">
<svg class="w-6 h-6 text-white" data-watchlist-toggle-target="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg> <svg class="w-6 h-6 text-white" data-watchlist-toggle-target="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
@@ -98,7 +98,7 @@
data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}" data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}"
data-watchlist-toggle-target="ariaLabel" data-watchlist-toggle-target="ariaLabel"
data-action="watchlist-toggle#toggle" data-action="watchlist-toggle#toggle"
data-cooltipz-dir="top" data-cooltipz-dir="top-right"
aria-label="auf die Merkliste setzen" aria-label="auf die Merkliste setzen"
role="tooltip"> role="tooltip">
<svg class="w-6 h-6 text-white" data-watchlist-toggle-target="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg> <svg class="w-6 h-6 text-white" data-watchlist-toggle-target="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
@@ -140,7 +140,7 @@
data-controller="watchlist-toggle" data-controller="watchlist-toggle"
data-watchlist-toggle-key-value="{item.key}" data-watchlist-toggle-key-value="{item.key}"
data-action="watchlist-toggle#toggle"> data-action="watchlist-toggle#toggle">
<span data-cooltipz-dir="top" <span data-cooltipz-dir="top-right"
role="tooltip" role="tooltip"
aria-label="auf die Merkliste setzen" aria-label="auf die Merkliste setzen"
data-watchlist-toggle-target="ariaLabel"> data-watchlist-toggle-target="ariaLabel">