Update info page.
This commit is contained in:
parent
7b837066ec
commit
48d197ad06
2 changed files with 26 additions and 21 deletions
src/_h5ai/client/css/inc
|
@ -6,7 +6,8 @@
|
||||||
@col-border-strong: rgba(0,0,0,0.15);
|
@col-border-strong: rgba(0,0,0,0.15);
|
||||||
@col-border-stronger: rgba(0,0,0,0.3);
|
@col-border-stronger: rgba(0,0,0,0.3);
|
||||||
|
|
||||||
@col-error: rgb(204,51,51);
|
@col-okay: #689f38;
|
||||||
|
@col-error: #d32f2f;
|
||||||
|
|
||||||
@col-link: #42a5f5;
|
@col-link: #42a5f5;
|
||||||
@col-link-hover: #42a5f5;
|
@col-link-hover: #42a5f5;
|
||||||
|
@ -33,8 +34,8 @@
|
||||||
@font-family-mono: monospace;
|
@font-family-mono: monospace;
|
||||||
|
|
||||||
|
|
||||||
::-moz-selection { background: #68A9FF; color: #fff; text-shadow: none; }
|
::-moz-selection { background: #68A9ff; color: #fff; text-shadow: none; }
|
||||||
::selection { background: #68A9FF; color: #fff; text-shadow: none; }
|
::selection { background: #68A9ff; color: #fff; text-shadow: none; }
|
||||||
|
|
||||||
.transition (@transition) {
|
.transition (@transition) {
|
||||||
-webkit-transition: @transition;
|
-webkit-transition: @transition;
|
||||||
|
|
|
@ -6,7 +6,6 @@ body#h5ai-info {
|
||||||
order: 50;
|
order: 50;
|
||||||
color: @col;
|
color: @col;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #fff;
|
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -45,7 +44,7 @@ body#h5ai-info {
|
||||||
margin: 12px auto 24px auto;
|
margin: 12px auto 24px auto;
|
||||||
padding: 6px 18px;
|
padding: 6px 18px;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
background: @col-widget-back;
|
background: #fafafa;
|
||||||
border: @border-widget;
|
border: @border-widget;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
|
@ -61,31 +60,36 @@ body#h5ai-info {
|
||||||
font-family: @font-family;
|
font-family: @font-family;
|
||||||
font-weight: @font-weight;
|
font-weight: @font-weight;
|
||||||
color: @col;
|
color: @col;
|
||||||
background: @col-widget-back-highlight;
|
background: #fff;
|
||||||
border: @border-widget;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 27px;
|
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
|
||||||
padding: 0 6px;
|
border-radius: 2px;
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
|
padding: 0 12px;
|
||||||
|
line-height: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#login, #logout {
|
#login, #logout {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 4px 16px;
|
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
background-color: @col-widget-back;
|
padding: 0 12px;
|
||||||
border: @border-widget;
|
line-height: 28px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
color: @col;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
.transition(all 0.2s ease-in-out);
|
.transition(all 0.2s ease-in-out);
|
||||||
|
|
||||||
|
background: #42a5f5;
|
||||||
|
color: #fff;
|
||||||
|
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
|
||||||
|
border-radius: 2px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @col-hover;
|
box-shadow: 0 1px 8px 0px rgba(0,0,0,0.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -105,7 +109,10 @@ body#h5ai-info {
|
||||||
|
|
||||||
.test {
|
.test {
|
||||||
margin: 12px 0 0 0;
|
margin: 12px 0 0 0;
|
||||||
padding: 6px;
|
padding: 8px;
|
||||||
|
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
.label {
|
.label {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -118,19 +125,16 @@ body#h5ai-info {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
&.passed {
|
&.passed {
|
||||||
color: #5a5;
|
color: @col-okay;
|
||||||
}
|
}
|
||||||
&.failed {
|
&.failed {
|
||||||
color: #a55;
|
color: @col-error;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.info {
|
.info {
|
||||||
margin: 4px 0 12px 12px;
|
|
||||||
font-size: 0.7em;
|
font-size: 0.7em;
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
color: #aaa;
|
margin: 4px 0 0 0;
|
||||||
width: 460px;
|
|
||||||
line-height: 1.2em;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue