inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4595] Change demo-shell style classes prefix (#5132)

Browse Source 
* [ADF-4595] Change demo-shell style classes prefix

* Change more files

* Trigger e2e tests

* Fix e2e selectors

* Fix e2e tests

* Fix e2e tests
This commit is contained in:
davidcanonieto
2019-10-18 17:35:01 +01:00
committed by Eugenio Romano
parent 83094b43ff
commit f2c1778eda
101 changed files with 576 additions and 562 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
demo-shell/src/index.html
View File

@@ -1,114 +1,128 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ACS APS ADF Application with Angular CLI</title>
<base href="/">
<meta charset="utf-8">
<title>ACS APS ADF Application with Angular CLI</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
<style>
body, html {
height: 100%;
}
<style>
body,
html {
height: 100%;
}
.adf-loader-container {
display: flex;
flex-direction: column;
height:100%;
.app-loader-container {
display: flex;
flex-direction: column;
height: 100%;
align-items: center;
justify-content: center;
}
align-items: center;
justify-content: center;
}
.app-loader-item {
max-height: 100px;
max-width: 300px;
}
.adf-loader-item {
max-height:100px;
max-width:300px;
}
.app-loader-spinner {
max-height: 300px;
max-width: 300px;
}
.adf-loader-spinner {
max-height:300px;
max-width:300px;
}
.app-loader-text {
white-space: nowrap;
text-align: center;
position: relative;
}
.adf-loader-text {
white-space: nowrap;
text-align: center;
position: relative;
}
.app-loader {
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.adf-loader {
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.app-circular {
animation: rotate 2s linear infinite;
height: 100px;
position: relative;
width: 100px;
}
.adf-circular {
animation: rotate 2s linear infinite;
height: 100px;
position: relative;
width: 100px;
}
.app-path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke: #b6463a;
animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
stroke-linecap: round;
}
.adf-path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke: #b6463a;
animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
stroke-linecap: round;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
@keyframes color {
100%, 0% {
stroke: #d62d20;
}
40% {
stroke: #0057e7;
}
66% {
stroke: #008744;
}
80%, 90% {
stroke: #ffa700;
}
}
</style>
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
@keyframes color {
100%,
0% {
stroke: #d62d20;
}
40% {
stroke: #0057e7;
}
66% {
stroke: #008744;
}
80%,
90% {
stroke: #ffa700;
}
}
</style>
</head>
<body class="adf-background-color">
<app-root>
<div id="loader-container" class="adf-loader-container">
<div class="adf-loader-spinner">
<svg class="adf-circular">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="5" stroke-miterlimit="10"></circle>
</svg>
</div>
<div class="adf-loader-item">
<div id="loader-text" class="adf-loader-text">Loading Demo Shell..</div>
</div>
</div>
</app-root>
<body class="app-background-color">
<app-root>
<div id="loader-container" class="app-loader-container">
<div class="app-loader-spinner">
<svg class="app-circular">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="5" stroke-miterlimit="10">
</circle>
</svg>
</div>
<div class="app-loader-item">
<div id="loader-text" class="app-loader-text">Loading Demo Shell..</div>
</div>
</div>
</app-root>
</body>
</html>