SDSS-592: Add sidebar component

docroot/profiles/sdss/sdss_profile/config/sync/core.entity_form_display.paragraph.editorial_sidebar.default.yml

@@ -0,0 +1,41 @@
+uuid: 4021176a-bc82-407d-afd3-7bd9499c0a46
+langcode: en
+status: true
+dependencies:
+  config:
+    - field.field.paragraph.editorial_sidebar.su_sidebar_bgcolor_alt
+    - field.field.paragraph.editorial_sidebar.su_sidebar_body
+    - field.field.paragraph.editorial_sidebar.su_sidebar_title
+    - paragraphs.paragraphs_type.editorial_sidebar
+  module:
+    - text
+id: paragraph.editorial_sidebar.default
+targetEntityType: paragraph
+bundle: editorial_sidebar
+mode: default
+content:
+  su_sidebar_bgcolor_alt:
+    type: options_select
+    weight: 0
+    region: content
+    settings: {  }
+    third_party_settings: {  }
+  su_sidebar_body:
+    type: text_textarea
+    weight: 2
+    region: content
+    settings:
+      rows: 5
+      placeholder: ''
+    third_party_settings: {  }
+  su_sidebar_title:
+    type: text_textfield
+    weight: 1
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
+hidden:
+  created: true
+  status: true

docroot/profiles/sdss/sdss_profile/config/sync/core.entity_view_display.paragraph.editorial_sidebar.default.yml

@@ -0,0 +1,58 @@
+uuid: 09bf4dd0-55e7-42cd-8ccf-294f8e7f1947
+langcode: en
+status: true
+dependencies:
+  config:
+    - field.field.paragraph.editorial_sidebar.su_sidebar_bgcolor_alt
+    - field.field.paragraph.editorial_sidebar.su_sidebar_body
+    - field.field.paragraph.editorial_sidebar.su_sidebar_title
+    - paragraphs.paragraphs_type.editorial_sidebar
+  module:
+    - element_class_formatter
+    - empty_fields
+    - field_formatter_class
+    - options
+id: paragraph.editorial_sidebar.default
+targetEntityType: paragraph
+bundle: editorial_sidebar
+mode: default
+content:
+  su_sidebar_bgcolor_alt:
+    type: list_key
+    label: hidden
+    settings: {  }
+    third_party_settings: {  }
+    weight: 0
+    region: content
+  su_sidebar_body:
+    type: wrapper_class
+    label: hidden
+    settings:
+      class: ''
+      tag: div
+      link: false
+      link_class: ''
+      summary: false
+      trim: 200
+    third_party_settings: {  }
+    weight: 2
+    region: content
+  su_sidebar_title:
+    type: wrapper_class
+    label: hidden
+    settings:
+      class: ''
+      tag: h2
+      link: false
+      link_class: ''
+      summary: false
+      trim: 200
+    third_party_settings:
+      empty_fields:
+        handler: ''
+      field_formatter_class:
+        class: ''
+    weight: 1
+    region: content
+hidden:
+  search_api_excerpt: true

docroot/profiles/sdss/sdss_profile/config/sync/field.field.paragraph.editorial_sidebar.su_sidebar_bgcolor_alt.yml

@@ -0,0 +1,23 @@
+uuid: bfbbcc4a-0cdb-4cb7-8d84-2f4d7c889bae
+langcode: en
+status: true
+dependencies:
+  config:
+    - field.storage.paragraph.su_sidebar_bgcolor_alt
+    - paragraphs.paragraphs_type.editorial_sidebar
+  module:
+    - options
+id: paragraph.editorial_sidebar.su_sidebar_bgcolor_alt
+field_name: su_sidebar_bgcolor_alt
+entity_type: paragraph
+bundle: editorial_sidebar
+label: 'Select a background color'
+description: ''
+required: false
+translatable: true
+default_value:
+  -
+    value: bg_color_default
+default_value_callback: ''
+settings: {  }
+field_type: list_string

docroot/profiles/sdss/sdss_profile/config/sync/field.field.paragraph.editorial_sidebar.su_sidebar_body.yml

@@ -0,0 +1,26 @@
+uuid: a9296b29-c2a5-448e-9352-dab7f99fbb9f
+langcode: en
+status: true
+dependencies:
+  config:
+    - field.storage.paragraph.su_sidebar_body
+    - paragraphs.paragraphs_type.editorial_sidebar
+  module:
+    - allowed_formats
+    - text
+third_party_settings:
+  allowed_formats:
+    allowed_formats:
+      - stanford_html
+id: paragraph.editorial_sidebar.su_sidebar_body
+field_name: su_sidebar_body
+entity_type: paragraph
+bundle: editorial_sidebar
+label: 'Editorial sidebar body'
+description: 'Please enter the body content and any images for the sidebar. '
+required: true
+translatable: true
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: text_long

docroot/profiles/sdss/sdss_profile/config/sync/field.field.paragraph.editorial_sidebar.su_sidebar_title.yml

@@ -0,0 +1,26 @@
+uuid: 2cfc2960-c6fc-4de0-a204-9e938e6d03b1
+langcode: en
+status: true
+dependencies:
+  config:
+    - field.storage.paragraph.su_sidebar_title
+    - paragraphs.paragraphs_type.editorial_sidebar
+  module:
+    - allowed_formats
+    - text
+third_party_settings:
+  allowed_formats:
+    allowed_formats:
+      - stanford_minimal_html
+id: paragraph.editorial_sidebar.su_sidebar_title
+field_name: su_sidebar_title
+entity_type: paragraph
+bundle: editorial_sidebar
+label: 'Editorial sidebar title'
+description: 'Please add a title for the Editorial sidebar.'
+required: true
+translatable: true
+default_value: {  }
+default_value_callback: ''
+settings: {  }
+field_type: text

docroot/profiles/sdss/sdss_profile/config/sync/field.storage.paragraph.su_sidebar_bgcolor_alt.yml

@@ -0,0 +1,27 @@
+uuid: 249dee17-9487-4f9a-956c-09863c610612
+langcode: en
+status: true
+dependencies:
+  module:
+    - options
+    - paragraphs
+id: paragraph.su_sidebar_bgcolor_alt
+field_name: su_sidebar_bgcolor_alt
+entity_type: paragraph
+type: list_string
+settings:
+  allowed_values:
+    -
+      value: bg_color_default
+      label: Default
+    -
+      value: bg_color_option_1
+      label: Blue
+  allowed_values_function: ''
+module: options
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

docroot/profiles/sdss/sdss_profile/config/sync/field.storage.paragraph.su_sidebar_body.yml

@@ -0,0 +1,19 @@
+uuid: 2a4d17fa-4184-47ef-b6e4-df9f6b8ae931
+langcode: en
+status: true
+dependencies:
+  module:
+    - paragraphs
+    - text
+id: paragraph.su_sidebar_body
+field_name: su_sidebar_body
+entity_type: paragraph
+type: text_long
+settings: {  }
+module: text
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

docroot/profiles/sdss/sdss_profile/config/sync/field.storage.paragraph.su_sidebar_title.yml

@@ -0,0 +1,20 @@
+uuid: 5b319bf5-d62a-4ffc-b215-791ff0f01f1b
+langcode: en
+status: true
+dependencies:
+  module:
+    - paragraphs
+    - text
+id: paragraph.su_sidebar_title
+field_name: su_sidebar_title
+entity_type: paragraph
+type: text
+settings:
+  max_length: 255
+module: text
+locked: false
+cardinality: 1
+translatable: true
+indexes: {  }
+persist_with_no_fields: false
+custom_storage: false

docroot/profiles/sdss/sdss_profile/config/sync/paragraphs.paragraphs_type.editorial_sidebar.yml

@@ -0,0 +1,10 @@
+uuid: fd98ce93-f22f-440a-bc53-8f49c5450144
+langcode: en
+status: true
+dependencies: {  }
+id: editorial_sidebar
+label: 'Editorial Sidebar'
+icon_uuid: null
+icon_default: null
+description: 'This is an editorial sidebar for news articles.'
+behavior_plugins: {  }

docroot/profiles/sdss/sdss_profile/config/sync/paragraphs.paragraphs_type.stanford_layout.yml

@@ -14,5 +14,3 @@ behavior_plugins:
     enabled: true
     available_layouts:
       layout_paragraphs_sdss_1_column: '1 Column'
-      layout_paragraphs_sdss_2_column: '2 Column'
-      layout_paragraphs_sdss_3_column: '3 Column'

docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/src/scss/components/newsroom/_callout.scss

@@ -0,0 +1,84 @@
+@charset "UTF-8";
+
+.callout {
+  display: flex;
+  padding: 4.5rem 11.3rem 4.5rem 11.1rem;
+
+  .decoration {
+    color: $sdss-color-blue-hover;
+  }
+
+
+  // Hiding the text from display.
+  .bg_color_option_1,
+  .bg_color_default,
+  .su-select-font-sizing {
+    display: none;
+  }
+
+  // Setting up appearance
+  .decoration {
+    font-size: 9.3rem;
+    line-height: 14rem;
+    position: relative;
+    top: -40px;
+    margin-right: 1rem;
+  }
+
+  .su-callout-author-title {
+    color: $su-color-black-70;
+  }
+
+  &.bg_color_default {
+    // white is the default color
+    border-left: $sdss-color-blue-bright 3px solid;
+  }
+
+  &.bg_color_option_1 {
+    @include sdss-light-blue--background;
+
+    .decoration {
+      color: $sdss-color-blue-hover;
+    }
+  }
+
+
+
+  .su-callout-quote {
+    p {
+      display: inline;
+
+      &::after {
+        content: "\201D";
+        display: inline;
+      }
+    }
+  }
+
+  // Font Size
+  &.large_block_quote {
+    p {
+      @include sdss-block-quote--big;
+
+      display: inline;
+    }
+  }
+
+  &.medium_block_quote {
+    p {
+      @include sdss-block-quote--med;
+
+      display: inline;
+    }
+  }
+
+  &.small_block_quote {
+    p {
+      @include sdss-block-quote--sm;
+
+      display: inline;
+    }
+  }
+
+}
+