FEATURE: better google docs onebox

This commit is contained in:
Arpit Jalan 2016-08-10 17:55:04 +05:30
parent 8213da20f2
commit d65f7742a7
11 changed files with 18 additions and 7 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 919 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1021 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 932 B

View File

@ -110,6 +110,7 @@ aside.onebox {
@include onebox-favicon('githubissue', 'github');
@include onebox-favicon('githubgist', 'github');
@include onebox-favicon('amazon', 'amazon');
@include onebox-favicon('googledocs', 'google_branding/logo_drive_48px');
.onebox-body {
@ -153,10 +154,23 @@ aside.onebox {
@mixin gdocs-logo($type) {
&.g-#{$type}-logo {
background: image-url("favicons/google_branding/logo_#{$type}_128px.png") no-repeat;
background: image-url("favicons/google_branding/logo_#{$type}_48px.png") no-repeat;
}
}
.googledocs-onebox-logo {
width: 60px;
height: 50px;
float: left;
@include gdocs-logo('docs');
@include gdocs-logo('forms');
@include gdocs-logo('sheets');
@include gdocs-logo('slides');
@include gdocs-logo('calendar');
@include gdocs-logo('drive');
}
// Google Calendar Placeholder
.gdocs-onebox-splash {
background-color: blend-primary-secondary(30%);
color: $primary;
@ -165,12 +179,9 @@ aside.onebox {
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');
&.g-calendar-logo {
background: image-url("favicons/google_branding/logo_calendar_128px.png") no-repeat;
}
}
}