Ensure the heading text appears above the illustration

The easiest way to do this is to make the text a child of the div
with the background image. The change to min-size is so that if
the text wraps often enough on narrow screens, the header expands
vertically rather than the text spilling over.

Fixes #3259
This commit is contained in:
Andy Allan 2021-07-21 15:07:24 +01:00
parent 2443e7dd65
commit 2a885c2cce
5 changed files with 21 additions and 20 deletions

View file

@ -1,7 +1,8 @@
<% content_for :heading_class, "header-illustration-heading" %>
<% content_for :heading_class, "pb-0" %>
<% content_for :heading do %>
<h1><%= t ".heading" %></h1>
<div class='header-illustration confirm-main'></div>
<div class='header-illustration confirm-main'>
<h1><%= t ".heading" %></h1>
</div>
<% end %>
<% if params[:confirm_string] %>

View file

@ -1,7 +1,8 @@
<% content_for :heading_class, "header-illustration-heading" %>
<% content_for :heading_class, "pb-0" %>
<% content_for :heading do %>
<h1><%= t "users.new.title" %></h1>
<div class='header-illustration new-user-main'></div>
<div class='header-illustration new-user-main'>
<h1><%= t "users.new.title" %></h1>
</div>
<div class='header-illustration new-user-arm'></div>
<% end %>

View file

@ -2,10 +2,11 @@
<%= javascript_include_tag "user" %>
<% end %>
<% content_for :heading_class, "header-illustration-heading" %>
<% content_for :heading_class, "pb-0" %>
<% content_for :heading do %>
<h1><%= t ".title" %></h1>
<div class='header-illustration new-user-main'></div>
<div class='header-illustration new-user-main'>
<h1><%= t ".title" %></h1>
</div>
<div class='header-illustration new-user-arm'></div>
<% end %>

View file

@ -2,10 +2,11 @@
<%= javascript_include_tag "user" %>
<% end %>
<% content_for :heading_class, "header-illustration-heading" %>
<% content_for :heading_class, "pb-0" %>
<% content_for :heading do %>
<h1><%= t ".heading" %></h1>
<div class='header-illustration new-user-terms'></div>
<div class='header-illustration new-user-terms'>
<h1><%= t ".heading" %></h1>
</div>
<% end %>
<%= form_tag({ :action => "save" }) do %>