diff --git a/app/javascript/application.scss b/app/javascript/application.scss index fd02cecf..1050df66 100644 --- a/app/javascript/application.scss +++ b/app/javascript/application.scss @@ -114,6 +114,13 @@ button[disabled] .enabled, button.btn-disabled .enabled { bottom: auto; } +@media (hover: none), (pointer: coarse) { + .tooltip-no-touch:before, + .tooltip-no-touch:after { + display: none; + } +} + .autocomplete { background: white; z-index: 1000; diff --git a/app/views/accounts/show.html.erb b/app/views/accounts/show.html.erb index ba9a9c49..d6d2fec1 100644 --- a/app/views/accounts/show.html.erb +++ b/app/views/accounts/show.html.erb @@ -147,7 +147,7 @@ <%= f.check_box :value, class: 'toggle', checked: account_config.value != false %> <% else %> - " data-turbo="false" data-tip="<%= I18n.t('unlock_with_docuseal_pro') %>" data-on="change" class="flex tooltip"> + " data-turbo="false" data-tip="<%= I18n.t('unlock_with_docuseal_pro') %>" data-on="change" class="flex tooltip tooltip-no-touch"> <%= f.check_box :value, class: 'toggle pointer-events-none', checked: account_config.value != false, disabled: true %> <% end %> @@ -170,7 +170,7 @@ <%= f.check_box :value, class: 'toggle', checked: account_config.value == true %> <% else %> - " data-turbo="false" data-tip="<%= I18n.t('unlock_with_docuseal_pro') %>" class="flex tooltip"> + " data-turbo="false" data-tip="<%= I18n.t('unlock_with_docuseal_pro') %>" class="flex tooltip tooltip-no-touch"> <%= f.check_box :value, class: 'toggle pointer-events-none', checked: account_config.value == true, disabled: true %> <% end %> diff --git a/app/views/dashboard/_toggle_view.html.erb b/app/views/dashboard/_toggle_view.html.erb index 63cdf0c8..54836506 100644 --- a/app/views/dashboard/_toggle_view.html.erb +++ b/app/views/dashboard/_toggle_view.html.erb @@ -1,10 +1,10 @@