mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-05-27 10:44:33 +00:00
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:
parent
6b9bbc8acc
commit
423c94fa6d
@ -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";
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user