Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Make form close buttons focusable/usable with keyboard

Browse Source 
[MAILPOET-4877]
This commit is contained in:
John Oleksowicz
2023-01-26 15:33:46 -06:00
committed by Aschepikov
parent 94954c1601
commit abfc33002c
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
mailpoet/assets/css/src/components-public/_public.scss
View File

@@ -343,10 +343,12 @@ div.mailpoet_form_popup {
.mailpoet_form_close_icon {
cursor: pointer;
display: block;
height: 20px;
margin: 0 0 0 auto;
position: absolute;
right: 10px;
top: 10px;
width: 20px;
z-index: 100002;
}

17
mailpoet/views/form/front_end_form.html
View File

@@ -27,15 +27,6 @@
data-editor-url="<%= editor_url %>"
<% endif %>
>
<% if form_type == 'popup' or form_type == 'fixed_bar' or form_type == 'slide_in' %>
<img
class="mailpoet_form_close_icon"
alt="close"
width=20
height=20
src='<%= image_url("form_close_icon/" ~ close_button_icon ~ ".svg") %>'
>
<% endif %>
<style type="text/css">
<%= styles|raw %>
@@ -76,6 +67,14 @@
</p>
</div>
</form>
<% if form_type == 'popup' or form_type == 'fixed_bar' or form_type == 'slide_in' %>
<input type="image"
class="mailpoet_form_close_icon"
alt="<%= __('Close') %>"
src='<%= image_url("form_close_icon/" ~ close_button_icon ~ ".svg") %>'
/>
<% endif %>
</div>
<% if(after_widget) %>