Add a feature flag to wrap calendar event titles

Fixes CNVS-25348

Test plan:
 - Enable the "wrap calendar event titles" feature on an account
 - As a user on that account, make a calendar event with a really
   long title
 - Ensure that it wraps in month view
 - Disable the feature flag
 - Ensure that the event is now truncated at one line

Change-Id: If9d2bd7090c72596ebe30d9f5c8b68f7948cdcb7
Reviewed-on: https://gerrit.instructure.com/74707
Tested-by: Jenkins
Reviewed-by: Jeremy Stanley <jeremy@instructure.com>
QA-Review: Deepeeca Soundarrajan <dsoundarrajan@instructure.com>
Product-Review: Alex Boyd <aboyd@instructure.com>

app/controllers/calendars_controller.rb

@@ -25,6 +25,7 @@ class CalendarsController < ApplicationController
     @manage_contexts = @contexts.select{|c| c.grants_right?(@current_user, session, :manage_calendar) }.map(&:asset_string)
     @feed_url = feeds_calendar_url((@context_enrollment || @context).feed_code)
     @selected_contexts = params[:include_contexts].split(",") if params[:include_contexts]
+    @wrap_titles = @domain_root_account && @domain_root_account.feature_enabled?(:wrap_calendar_event_titles)
     # somewhere there's a bad link that doesn't separate parameters properly.
     # make sure we don't do a find on a non-numeric id.
     if params[:event_id] && params[:event_id] =~ Api::ID_REGEX && (event = CalendarEvent.where(id: params[:event_id]).first) && event.start_at

app/stylesheets/bundles/calendar2.scss

@@ -1,3 +1,4 @@
+@import "pages/calendar/calendar2";
 @import "../../../public/javascripts/bower/fullcalendar/dist/fullcalendar";
 @import "pages/calendar/mini_calendar";
 @import "pages/calendar/sidebar";

app/stylesheets/pages/calendar/_calendar2.scss

@@ -0,0 +1,3 @@
+.wrap-calendar-event-titles .fc-day-grid-event .fc-content {
+  white-space: normal;
+}

app/views/calendars/show2.html.erb

@@ -58,6 +58,6 @@
 </div>
 
 <div id="calendar_header"></div>
-<div id="calendar-app" role="tabpanel"></div>
+<div id="calendar-app" role="tabpanel" class="<%= 'wrap-calendar-event-titles' if @wrap_titles %>"></div>
 <div id="calendar-drag-and-drop-container"></div>
 

lib/feature.rb

@@ -412,6 +412,14 @@ END
       development: true,
       root_opt_in: false,
     },
+    'wrap_calendar_event_titles' =>
+    {
+      display_name: -> { I18n.t('Wrap event titles in Calendar month view') },
+      description: -> { I18n.t("Show calendar events in the month view on multiple lines if the title doesn't fit on a single line") },
+      applies_to: 'RootAccount',
+      state: 'allowed',
+      root_opt_in: true
+    }
   )
 
   def self.definitions