Merge pull request #2082 from iAmShorty/responsive-tables-fix

[FIX] responsive tables
This commit is contained in:
Sebastian Grewe 2014-04-02 15:14:38 +02:00
commit 4aaf355897
2 changed files with 174 additions and 161 deletions

View File

@ -164,7 +164,7 @@ input[type="color"],
/* Sidebar Menu Styles */ /* Sidebar Menu Styles */
.sidebar-search { .sidebar-search {
padding: 15px; padding: 15px;
} }
@ -205,6 +205,15 @@ input[type="color"],
.navbar-top-links .dropdown-alerts { .navbar-top-links .dropdown-alerts {
margin-left: auto; margin-left: auto;
} }
.col-md-spark, .col-md-spark-2 {
float: left;
}
.col-md-spark {
width:16.65%
}
.col-md-spark-2 {
width:20%
}
} }
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a,
@ -220,7 +229,7 @@ input[type="color"],
/* ------------------------------- */ /* ------------------------------- */
.btn-outline { .btn-outline {
color: inherit; color: inherit;
background-color: transparent; background-color: transparent;
transition: all .5s; transition: all .5s;
@ -260,7 +269,7 @@ input[type="color"],
/* Dashboard Chat */ /* Dashboard Chat */
.chat { .chat {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
@ -342,13 +351,6 @@ table.dataTable thead .sorting:after {
color: rgba(50,50,50,.5); color: rgba(50,50,50,.5);
} }
.table {
width: 100%;
margin-bottom: 20px;
table-layout: fixed;
word-wrap: break-word;
}
div.dataTables_length select { div.dataTables_length select {
font-size: 11px; font-size: 11px;
height: 25px; height: 25px;
@ -477,18 +479,6 @@ th.smallwidth {
padding-right:15px padding-right:15px
} }
@media (min-width:992px) {
.col-md-spark, .col-md-spark-2 {
float: left;
}
.col-md-spark {
width:16.65%
}
.col-md-spark-2 {
width:20%
}
}
span.overview-mhs { span.overview-mhs {
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
@ -591,16 +581,32 @@ div.fade {
.table>tbody>tr>th .table>tbody>tr>th
{ {
padding-left:3px; padding-left:3px;
padding-bottom:3px; padding-bottom:3px;
border: 1px solid #ddd; border: 1px solid #ddd;
background-color: #f9f9f9; background-color: #f9f9f9;
padding-right:1px; padding-right:1px;
} }
.table>tbody>tr>td .table > tbody > tr > td
{ {
padding:4px; padding:4px;
} }
.panel > .table,
.panel > .table-responsive > .table {
margin-bottom: 0;
}
.table-responsive
{
white-space: nowrap;
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
/* End Tables */ /* End Tables */

View File

@ -1,3 +1,10 @@
/**
* metisMenu v1.0.1
* Author : Osman Nuri Okumuş
* Copyright 2014
* Licensed under MIT
*/
;(function ($, window, document, undefined) { ;(function ($, window, document, undefined) {
var pluginName = "metisMenu", var pluginName = "metisMenu",