Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
E
edx-platform
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
edx
edx-platform
Commits
32ea6185
Commit
32ea6185
authored
Mar 21, 2014
by
frances botsford
Browse files
Options
Browse Files
Download
Plain Diff
Merge pull request #3007 from edx/frances/feature/ui-loading
added loading pattern to studio
parents
5b3a08dd
d685baf4
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
23 additions
and
0 deletions
+23
-0
cms/templates/ux/reference/container.html
+5
-0
common/static/sass/_mixins.scss
+18
-0
No files found.
cms/templates/ux/reference/container.html
View file @
32ea6185
...
@@ -35,6 +35,11 @@ from django.core.urlresolvers import reverse
...
@@ -35,6 +35,11 @@ from django.core.urlresolvers import reverse
<div
class=
"inner-wrapper"
>
<div
class=
"inner-wrapper"
>
<section
class=
"content-area"
>
<section
class=
"content-area"
>
<article
class=
"content-primary"
>
<article
class=
"content-primary"
>
<div
class=
"ui-loading"
>
<p><span
class=
"spin"
><i
class=
"icon-refresh"
></i></span>
<span
class=
"copy"
>
Loading...
</span></p>
</div>
<section
class=
"wrapper-xblock level-page"
>
<section
class=
"wrapper-xblock level-page"
>
<header
class=
"xblock-header"
>
<header
class=
"xblock-header"
>
<div
class=
"header-details"
>
<div
class=
"header-details"
>
...
...
common/static/sass/_mixins.scss
View file @
32ea6185
...
@@ -265,6 +265,24 @@
...
@@ -265,6 +265,24 @@
padding
:
(
$baseline
*
0
.75
)
$baseline
;
padding
:
(
$baseline
*
0
.75
)
$baseline
;
}
}
.ui-loading
{
@include
animation
(
fadeIn
$tmg-f2
linear
1
);
@extend
%ui-well
;
opacity
:
.6
;
background-color
:
$white
;
padding
:
(
$baseline
*
1
.5
)
$baseline
;
text-align
:
center
;
.spin
{
@extend
%anim-rotateCW
;
display
:
inline-block
;
}
.copy
{
padding-left
:
(
$baseline
/
4
);
}
}
// ====================
// ====================
// extends - content - removes list styling/spacing when using uls, ols for navigation and less content-centric cases
// extends - content - removes list styling/spacing when using uls, ols for navigation and less content-centric cases
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment