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