noscript fallback for the table dropdown

- Used .no-js based on Modernizr
- Beautified clients.html with 2-space indentation

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Joseph Nuthalapati 2017-11-21 20:34:54 +05:30 committed by James Valleroy
parent 6b9bbc8acc
commit 423c94fa6d
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
2 changed files with 216 additions and 191 deletions

View File

@ -43,8 +43,10 @@ body {
}
.running-status.loading {
border: 4px solid #f3f3f3; /* Light grey */
border-top: 4px solid #3498db; /* Blue */
border: 4px solid #f3f3f3;
/* Light grey */
border-top: 4px solid #3498db;
/* Blue */
border-radius: 50%;
width: 16px;
height: 16px;
@ -53,8 +55,12 @@ body {
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.form-diagnostics-button {
@ -62,11 +68,13 @@ body {
}
/* Hide log out button if user dropdown is available */
.js #logout-nojs {
display: none;
}
/* Hide the dropdown icon when javascript is not available */
.no-js .nav .dropdown .caret {
display: none;
}
@ -77,6 +85,7 @@ body {
/* Sticky footer styles
-------------------------------------------------- */
footer .license-info {
opacity: 0.75;
}
@ -89,16 +98,17 @@ html {
position: relative;
}
body, html {
body,
html {
height: 100%;
}
#wrapper{
#wrapper {
min-height: 100%;
position: relative;
}
#container-wrapper{
#container-wrapper {
/*covers for footer height */
padding-bottom: 150px;
}
@ -111,7 +121,7 @@ footer {
height: 150px;
}
footer license-info p{
footer license-info p {
margin: 20px 0;
}
@ -150,7 +160,7 @@ footer license-info p{
}
.shortcut-label {
min-height:50px;
min-height: 50px;
}
@ -166,3 +176,18 @@ footer license-info p{
content: "\e080";
}
/* No-JS fallbacks for collapsible content in clients.html */
.no-js .collapse {
display: block;
}
.no-js #collapsible-button:after {
font-family: "Glyphicons Halflings";
content: "\e114";
margin-left: 5px;
}
.no-js #collapsible-button.collapsed:after {
content: "\e114";
}