Page MenuHomePhorge
Files F32215825

D14932.1765163199.diff
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

D14932.1765163199.diff
View Options

diff --git a/web/loading-indicator.react.js b/web/loading-indicator.react.js
--- a/web/loading-indicator.react.js
+++ b/web/loading-indicator.react.js
@@ -10,7 +10,7 @@
type Props = {
+status: LoadingStatus,
- +size?: 'small' | 'medium' | 'large',
+ +size?: 'small' | 'medium' | 'large' | 'x-large',
+color?: 'black' | 'white',
+loadingClassName?: string,
+errorClassName?: string,
@@ -30,6 +30,8 @@
hasRendered && size === 'medium',
[css['loading-indicator-loading-small']]: hasRendered && size === 'small',
[css['loading-indicator-loading-large']]: hasRendered && size === 'large',
+ [css['loading-indicator-loading-x-large']]:
+ hasRendered && size === 'x-large',
[css['loading-indicator-black']]:
hasRendered && tinycolor.equals(color, 'black'),
};
diff --git a/web/style.css b/web/style.css
--- a/web/style.css
+++ b/web/style.css
@@ -162,6 +162,19 @@
animation-iteration-count: infinite;
animation-timing-function: linear;
}
+span.loading-indicator-loading-x-large:after {
+ content: ' ';
+ display: block;
+ width: 45px;
+ height: 45px;
+ border-radius: 50%;
+ border: 3px solid #fff;
+ border-color: #fff transparent #fff transparent;
+ animation-name: loading-indicator-loading;
+ animation-duration: 1.2s;
+ animation-iteration-count: infinite;
+ animation-timing-function: linear;
+}
span.loading-indicator-loading-small:after {
content: ' ';
display: block;

File Metadata

Mime Type
text/plain
Expires
Mon, Dec 8, 3:06 AM (12 h, 8 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5846861
Default Alt Text
D14932.1765163199.diff (1 KB)

Event Timeline