Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Bootstrap right-to-left integration #178

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Bootstrap right-to-left integration #178

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
916e616
Add RTL support to bootstrap3 plugin (note: requires morteza/bootstra…
fisharebest Mar 31, 2015
126947c
Consistent use of whitespace
fisharebest Mar 31, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
171 changes: 119 additions & 52 deletions integration/bootstrap/3/dataTables.bootstrap.css
100644 → 100755
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,15 @@
/* RTL support requires morteza/bootstrap-rtl */

div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap;
}

[dir=rtl] div.dataTables_length label {
text-align: right;
}

div.dataTables_length select {
width: 75px;
display: inline-block;
Expand All @@ -13,18 +19,31 @@ div.dataTables_filter {
text-align: right;
}

[dir=rtl] div.dataTables_filter {
text-align: left;
}

div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left;
}

[dir=rtl] div.dataTables_filter label {
text-align: right;
}

div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
}

[dir=rtl] div.dataTables_filter input {
margin-left: 0;
margin-right: 0.5em;
}

div.dataTables_info {
padding-top: 8px;
white-space: nowrap;
Expand All @@ -36,6 +55,10 @@ div.dataTables_paginate {
text-align: right;
}

[dir=rtl] div.dataTables_paginate {
text-align: left;
}

div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap;
Expand All @@ -55,15 +78,13 @@ div.dataTables_paginate ul.pagination {
}
}


table.dataTable td,
table.dataTable th {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}


table.dataTable {
clear: both;
margin-top: 6px !important;
Expand All @@ -90,16 +111,27 @@ table.dataTable thead .sorting_desc:after {
font-family: 'Glyphicons Halflings';
opacity: 0.5;
}

[dir=rtl] table.dataTable thead .sorting:after,
[dir=rtl] table.dataTable thead .sorting_asc:after,
[dir=rtl] table.dataTable thead .sorting_desc:after {
right: auto;
left: 8px;
}

table.dataTable thead .sorting:after {
opacity: 0.2;
content: "\e150"; /* sort */
}

table.dataTable thead .sorting_asc:after {
content: "\e155"; /* sort-by-attributes */
}

table.dataTable thead .sorting_desc:after {
content: "\e156"; /* sort-by-attributes-alt */
}

div.dataTables_scrollBody table.dataTable thead .sorting:after,
div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
Expand All @@ -115,23 +147,39 @@ table.dataTable thead > tr > th {
padding-right: 30px;
}

[dir=rtl] table.dataTable thead > tr > th {
padding-left: 30px;
padding-right: 8px;
}

table.dataTable th:active {
outline: none;
}


/* Condensed */
table.dataTable.table-condensed thead > tr > th {
padding-right: 20px;
}

[dir=rtl] table.dataTable.table-condensed thead > tr > th {
padding-left: 20px;
padding-right: 5px;
}

table.dataTable.table-condensed thead .sorting:after,
table.dataTable.table-condensed thead .sorting_asc:after,
table.dataTable.table-condensed thead .sorting_desc:after {
top: 6px;
right: 6px;
}

[dir=rtl] table.dataTable.table-condensed thead .sorting:after,
[dir=rtl] table.dataTable.table-condensed thead .sorting_asc:after,
[dir=rtl] table.dataTable.table-condensed thead .sorting_desc:after {
right: auto;
left: 6px;
}

/* Scrolling */
div.dataTables_scrollHead table {
margin-bottom: 0 !important;
Expand Down Expand Up @@ -168,31 +216,42 @@ div.dataTables_scrollFoot table {
table.table-bordered.dataTable {
border-collapse: separate !important;
}

table.table-bordered thead th,
table.table-bordered thead td {
border-left-width: 0;
border-top-width: 0;
}

table.table-bordered tbody th,
table.table-bordered tbody td {
border-left-width: 0;
border-bottom-width: 0;
}
table.table-bordered tfoot th,
table.table-bordered tfoot td {
border-left-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-bottom-width: 0;
}

table.table-bordered th:last-child,
table.table-bordered td:last-child {
border-right-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0;
}

[dir=rtl] table.table-bordered th:last-child,
[dir=rtl] table.table-bordered td:last-child {
border-right-width: 1px;
}

[dir=rtl] table.table-bordered th:first-child,
[dir=rtl] table.table-bordered td:first-child {
border-right-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0;
}

/*
* TableTools styles
Expand Down Expand Up @@ -227,7 +286,7 @@ div.DTTT .btn:hover {
}

ul.DTTT_dropdown.dropdown-menu {
z-index: 2003;
z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
Expand All @@ -244,7 +303,7 @@ ul.DTTT_dropdown.dropdown-menu li:hover a {
}

div.DTTT_collection_background {
z-index: 2002;
z-index: 2002;
}

/* TableTools information display */
Expand All @@ -264,11 +323,18 @@ div.DTTT_print_info {
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;

-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

[dir=rtl] div.DTTT_print_info {
left: auto;
right: 50%;
margin-left: inherit;
margin-right: -200px;
}

div.DTTT_print_info h6 {
font-weight: normal;
font-size: 28px;
Expand All @@ -282,28 +348,26 @@ div.DTTT_print_info p {
}

div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 60px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 60px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
}



/*
* FixedColumns styles
*/
Expand All @@ -312,47 +376,52 @@ div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
background-color: white;
margin-bottom: 0;
background-color: white;
margin-bottom: 0;
}

div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
border-bottom: none !important;
margin-bottom: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
margin-bottom: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

[dir=rtl] div.DTFC_RightHeadWrapper table ,
[dir=rtl] div.DTFC_LeftHeadWrapper table {
border-top-right-radius: inherit !important;
border-top-left-radius: 0 !important;
}

div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
border-top: none;
margin: 0 !important;
border-top: none;
margin: 0 !important;
}

div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
border-top: none;
border-top: none;
}

div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
border-top: none;
margin-top: 0 !important;
border-top: none;
margin-top: 0 !important;
}


div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
Expand All @@ -362,11 +431,9 @@ div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
display: none;
}


/*
* FixedHeader styles
*/
div.FixedHeader_Cloned table {
margin: 0 !important
}