Better performances and UI for the debug tools

This commit is contained in:
yflory
2019-02-26 15:48:29 +01:00
parent ec33084226
commit 98bf773221
5 changed files with 131 additions and 94 deletions

View File

@@ -22,6 +22,7 @@
display: none;
}
#cp-app-debug-content {
margin: 50px;
flex-flow: column;
align-items: center;
justify-content: center;
@@ -29,24 +30,33 @@
flex: 1;
min-height: 0;
}
.cp-app-debug-progress {
width: 80%;
}
.cp-loading-progress-bar {
position: relative;
border: 1px solid #eee;
height: 36px;
}
#cp-app-debug-progres-bar-text {
position: absolute;
width: 100%;
.cp-app-debug-progress, .cp-app-debug-init {
text-align: center;
height: 100%;
line-height: 36px;
}
#cp-app-debug-loading {
text-align: center;
}
.cp-app-debug-content-hrefs {
td, th {
max-width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 20px;
}
td:nth-child(3) {
max-width: 500px;
}
.cp-debug-ok {
background-color: #eeffee;
}
.cp-debug-nok {
background-color: #ffeeee;
}
tr:not(:first-child):hover {
background-color: rgba(0,0,0,0.1);
}
}
}
}