Use bootstrap utility classes for showing the new user arm

The original value was close to the 'lg' breakpoint, but the 'md'
breakpoint is fine for this too.

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index ed444899f2912b74734f634c8f0f86616928f18a..18ac4dc77b7a339bf6c5a378e0432fb158645256 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1719,9 +1719,3 @@ dl.dl-inline {
 }
 
 @import 'browse';
 }
 
 @import 'browse';

-
-@media only screen and (max-width:960px) {
-  .header-illustration.new-user-arm {
-    display: none;
-  }
-}

diff --git a/app/views/users/new.html.erb b/app/views/users/new.html.erb
index 081c4a99f856fd20322d76c5b3613699309e5e55..262cd4a063f468cd869811330607da190e948338 100644 (file)
--- a/app/views/users/new.html.erb
+++ b/app/views/users/new.html.erb
@@ -7,7 +7,7 @@
   <div class='header-illustration new-user-main'>
     <h1><%= t ".title" %></h1>
   </div>
   <div class='header-illustration new-user-main'>
     <h1><%= t ".title" %></h1>
   </div>

-  <div class='header-illustration new-user-arm'></div>
+  <div class='header-illustration new-user-arm d-none d-md-block'></div>

 <% end %>
 
 <div class="row">
 <% end %>
 
 <div class="row">