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">
<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)}"
class="block lg:pb-4"
title="{settings.defaultTitle}">
@@ -23,7 +23,7 @@
data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}"
data-watchlist-toggle-target="ariaLabel"
data-action="watchlist-toggle#toggle"
data-cooltipz-dir="top"
data-cooltipz-dir="top-right"
aria-label="auf die Merkliste setzen"
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>
@@ -98,7 +98,7 @@
data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}"
data-watchlist-toggle-target="ariaLabel"
data-action="watchlist-toggle#toggle"
data-cooltipz-dir="top"
data-cooltipz-dir="top-right"
aria-label="auf die Merkliste setzen"
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>
@@ -140,7 +140,7 @@
data-controller="watchlist-toggle"
data-watchlist-toggle-key-value="{item.key}"
data-action="watchlist-toggle#toggle">
<span data-cooltipz-dir="top"
<span data-cooltipz-dir="top-right"
role="tooltip"
aria-label="auf die Merkliste setzen"
data-watchlist-toggle-target="ariaLabel">