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 {
background: {
image: image-url("spinner_96.gif");
position: 0;
size: 20px;
height: 25px;
repeat: no-repeat;
&:before {
content: "";
display: inline-flex;
float: left;
margin: 3px 5px 0 0;
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 {
@ -254,8 +260,7 @@ aside.onebox {
@mixin gdocs-logo($type) {
&.g-#{$type}-logo {
background: image-url("favicons/google_branding/logo_#{$type}_48px.png")
no-repeat;
background: image-url("favicons/google_branding/logo_#{$type}_48px.png") no-repeat;
}
}
@ -281,8 +286,7 @@ aside.onebox {
width: 128px;
height: 128px;
&.g-calendar-logo {
background: image-url("favicons/google_branding/logo_calendar_128px.png")
no-repeat;
background: image-url("favicons/google_branding/logo_calendar_128px.png") no-repeat;
}
}
}