kotovalexarian-likes-github/mperham--sidekiq
1
0
Fork 0
mirror of https://github.com/mperham/sidekiq.git synced 2022-11-09 13:52:34 -05:00
Code Releases Activity

Make layout responsive for mobile.

Browse source
This commit is contained in:
Brandon Hilkert 2012-12-07 11:40:45 -05:00
parent c93b41a898
commit 4512751c80
2 changed files with 58 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
web/assets/stylesheets/application.css
View file

@ -159,27 +159,6 @@ td form {
text-shadow: none;
}
@media (max-width: 450px) {
.navbar ul.nav li a {
padding-left: 8px;
padding-right: 8px;
}
.navbar-fixed-bottom li p {
font-size: 0.85em;
}
}
@media (max-width: 979px) {
.navbar-fixed-top, .navbar-fixed-bottom {
margin: 0 -20px;
}
.admin #page {
padding-top: 20px;
}
}
.navbar-footer .navbar ul.nav {
text-align: center;
float: none;
@ -189,20 +168,12 @@ td form {
font-size: 16px;
padding: 15px;
}
@media (max-width: 500px) {
.navbar-footer .navbar ul.nav a {
padding: 15px 5px;
}
}
.navbar-footer .navbar ul.nav a.brand {
font-weight: 400;
padding: 0 15px 0 0;
}
@media (max-width: 500px) {
.navbar-footer .navbar ul.nav a.brand {
padding-right: 5px;
}
}
.navbar-footer .navbar ul.nav li {
display: inline-block;
float: none;
@ -283,3 +254,58 @@ img.smallogo {
padding: 10px 0;
}
@media (max-width: 450px) {
.navbar .container {
text-align: center
}
.navbar .brand {
float: none;
}
.navbar ul.nav li a {
padding-left: 8px;
padding-right: 8px;
}
.navbar.navbar-fixed-top ul {
float: none;
margin-right: 0;
}
.navbar.navbar-fixed-top li {
float: none;
margin-right: 0;
}
.navbar.navbar-fixed-bottom ul {
float: none;
margin-right: 0;
}
.navbar.navbar-fixed-bottom li {
float: none;
margin-right: 0;
}
.navbar-text {
line-height: 30px;
}
}
@media (max-width: 979px) {
.navbar-fixed-top, .navbar-fixed-bottom {
margin: 0 -20px;
}
.admin #page {
padding-top: 10px;
}
}
@media (max-width: 500px) {
.navbar-footer .navbar ul.nav a.brand {
padding-right: 5px;
}
}

1
web/views/layout.slim
View file

@ -1,6 +1,7 @@
doctype html
html
head
meta name="viewport" content="width=device-width,initial-scale=1.0"
link href='#{{root_path}}stylesheets/bootstrap.css' media='screen' rel='stylesheet' type='text/css'
link href='#{{root_path}}stylesheets/application.css' media='screen' rel='stylesheet' type='text/css'
title= Sidekiq::NAME