diff --git a/app/assets/images/favicons/google_branding/logo_calendar_128px.png b/app/assets/images/favicons/google_branding/logo_calendar_128px.png new file mode 100644 index 0000000000..0adf29c12d Binary files /dev/null and b/app/assets/images/favicons/google_branding/logo_calendar_128px.png differ diff --git a/app/assets/images/favicons/google_branding/logo_docs_128px.png b/app/assets/images/favicons/google_branding/logo_docs_128px.png new file mode 100644 index 0000000000..a1c4e5f7bd Binary files /dev/null and b/app/assets/images/favicons/google_branding/logo_docs_128px.png differ diff --git a/app/assets/images/favicons/google_branding/logo_drive_128px.png b/app/assets/images/favicons/google_branding/logo_drive_128px.png new file mode 100644 index 0000000000..0eb48a7469 Binary files /dev/null and b/app/assets/images/favicons/google_branding/logo_drive_128px.png differ diff --git a/app/assets/images/favicons/google_branding/logo_forms_128px.png b/app/assets/images/favicons/google_branding/logo_forms_128px.png new file mode 100644 index 0000000000..621321b0cf Binary files /dev/null and b/app/assets/images/favicons/google_branding/logo_forms_128px.png differ diff --git a/app/assets/images/favicons/google_branding/logo_sheets_128px.png b/app/assets/images/favicons/google_branding/logo_sheets_128px.png new file mode 100644 index 0000000000..a99181d743 Binary files /dev/null and b/app/assets/images/favicons/google_branding/logo_sheets_128px.png differ diff --git a/app/assets/images/favicons/google_branding/logo_slides_128px.png b/app/assets/images/favicons/google_branding/logo_slides_128px.png new file mode 100644 index 0000000000..538226c80f Binary files /dev/null and b/app/assets/images/favicons/google_branding/logo_slides_128px.png differ diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss index 6b00a166e0..91cfb24916 100644 --- a/app/assets/stylesheets/common/base/onebox.scss +++ b/app/assets/stylesheets/common/base/onebox.scss @@ -138,6 +138,29 @@ aside.onebox { } } +@mixin gdocs-logo($type) { + &.g-#{$type}-logo { + background: image-url("favicons/google_branding/logo_#{$type}_128px.png") no-repeat; + } +} + +.gdocs-onebox-splash { + background-color: blend-primary-secondary(30%); + color: $primary; + border: 1px inset $primary; + .gdocs-onebox-logo { + display: inline-block; + width: 128px; + height: 128px; + @include gdocs-logo('docs'); + @include gdocs-logo('forms'); + @include gdocs-logo('sheets'); + @include gdocs-logo('slides'); + @include gdocs-logo('calendar'); + @include gdocs-logo('drive'); + } +} + aside.onebox .onebox-body .onebox-avatar { max-height: none; max-width: none;