codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2025-03-23 05:15:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add styling & assets for google docs placeholder oneboxes

Browse source
This commit is contained in:
Kane York 2015-09-23 13:57:54 -07:00
parent e8424bd54e
commit f67a877537
7 changed files with 23 additions and 0 deletions

BIN
app/assets/images/favicons/google_branding/logo_calendar_128px.png Normal file
View file

Binary file not shown.

After

(image error) Size: 4.2 KiB

BIN
app/assets/images/favicons/google_branding/logo_docs_128px.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 2.4 KiB

BIN
app/assets/images/favicons/google_branding/logo_drive_128px.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 5.6 KiB

BIN
app/assets/images/favicons/google_branding/logo_forms_128px.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 2.8 KiB

BIN
app/assets/images/favicons/google_branding/logo_sheets_128px.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 2.6 KiB

BIN
app/assets/images/favicons/google_branding/logo_slides_128px.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 2.5 KiB

23
app/assets/stylesheets/common/base/onebox.scss
View file

@ -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;