colby/cappuccino
1
0 Fork 0
mirror of https://github.com/cappuccino/cappuccino.git synced 2026-10-07 17:38:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed: "Loading…" animation using modern layout (#2953)

Browse Source 
Correct vertical alignment in all modern browsers. IE no longer a target.
This commit is contained in:
David Richardson authored and GitHub committed 2020-11-20 08:22:45 +01:00
1 parent c52f714149
commit 59603b550e
6 files changed
+66 -36
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Tools/capp/Resources/Templates/Application/index-debug.html
+11 -6
View File
@@ -61,10 +61,12 @@
var loadingHTML =
'<div id="loading">' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 35"></div>' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 65"></div>' +
'</div>';
</script>
@@ -131,8 +133,11 @@
}
#loading {
position: relative;
top: 35%;
height: 100%;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content: space-evenly;
}
#loading-text {
Tools/capp/Resources/Templates/Application/index.html
+11 -6
View File
@@ -53,10 +53,12 @@
var loadingHTML =
'<div id="loading">' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 35"></div>' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 65"></div>' +
'</div>';
</script>
@@ -93,8 +95,11 @@
}
#loading {
position: relative;
top: 35%;
height: 100%;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content: space-evenly;
}
#loading-text {
Tools/capp/Resources/Templates/NibApplication/index-debug.html
+11 -6
View File
@@ -61,10 +61,12 @@
var loadingHTML =
'<div id="loading">' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 35"></div>' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 65"></div>' +
'</div>';
</script>
@@ -131,8 +133,11 @@
}
#loading {
position: relative;
top: 35%;
height: 100%;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content: space-evenly;
}
#loading-text {
Tools/capp/Resources/Templates/NibApplication/index.html
+11 -6
View File
@@ -53,10 +53,12 @@
var loadingHTML =
'<div id="loading">' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 35"></div>' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 65"></div>' +
'</div>';
</script>
@@ -93,8 +95,11 @@
}
#loading {
position: relative;
top: 35%;
height: 100%;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content: space-evenly;
}
#loading-text {
Tools/capp/Resources/Templates/ThemeDescriptor/index-debug.html
+11 -6
View File
@@ -61,10 +61,12 @@
var loadingHTML =
'<div id="loading">' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 35"></div>' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 65"></div>' +
'</div>';
</script>
@@ -131,8 +133,11 @@
}
#loading {
position: relative;
top: 35%;
height: 100%;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content: space-evenly;
}
#loading-text {
Tools/capp/Resources/Templates/ThemeDescriptor/index.html
+11 -6
View File
@@ -53,10 +53,12 @@
var loadingHTML =
'<div id="loading">' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 35"></div>' +
' <div id="loading-text">Loading...</div>' +
' <div id="progress-indicator">' +
' <span id="progress-bar" style="width:0%"></span>' +
' </div>' +
' <div style="flex-grow: 65"></div>' +
'</div>';
</script>
@@ -93,8 +95,11 @@
}
#loading {
position: relative;
top: 35%;
height: 100%;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content: space-evenly;
}
#loading-text {