Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Replacing onebox loading gif with css spinner

This commit is contained in:
Kris 2018-06-19 12:56:43 -04:00
parent 2ff226e509
commit 0d81633da9
1 changed files with 390 additions and 386 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/assets/stylesheets/common/base/onebox.scss
View File

@ -1,12 +1,18 @@
a.loading-onebox { a.loading-onebox {
background: { &:before {
image: image-url("spinner_96.gif"); content: "";
position: 0; display: inline-flex;
size: 20px; float: left;
height: 25px; margin: 3px 5px 0 0;
repeat: no-repeat; position: relative;
height: 10px;
width: 10px;
border: 2px solid $primary-low-mid;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: rotate-forever 1s infinite linear;
animation: rotate-forever 1s infinite linear;
} }
padding-left: 25px;
} }
.onebox-result { .onebox-result {
@ -254,8 +260,7 @@ aside.onebox {
@mixin gdocs-logo($type) { @mixin gdocs-logo($type) {
&.g-#{$type}-logo { &.g-#{$type}-logo {
background: image-url("favicons/google_branding/logo_#{$type}_48px.png") background: image-url("favicons/google_branding/logo_#{$type}_48px.png") no-repeat;
no-repeat;
} }
} }
@ -281,8 +286,7 @@ aside.onebox {
width: 128px; width: 128px;
height: 128px; height: 128px;
&.g-calendar-logo { &.g-calendar-logo {
background: image-url("favicons/google_branding/logo_calendar_128px.png") background: image-url("favicons/google_branding/logo_calendar_128px.png") no-repeat;
no-repeat;
} }
} }
} }