Better performances and UI for the debug tools
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user