PHP Classes

File: public/mdb/scss/addons/_datatables.scss

Recommend this page to a friend!
  Classes of Ahmad Mustapha   PHP Todo List   public/mdb/scss/addons/_datatables.scss   Download  
File: public/mdb/scss/addons/_datatables.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP Todo List
Application to manage a list of tasks to do
Author: By
Last change:
Date: 1 year ago
Size: 3,256 bytes
 

Contents

Class file image Download
/* * MDBootstrap integration with Datatables * Learn more: https://mdbootstrap.com/docs/jquery/tables/datatables/ * About MDBootstrap: https://mdbootstrap.com/ * * This combined file was created by the DataTables downloader builder: * https://datatables.net/download * * To rebuild or modify this file with the latest versions of the included * software please visit: * https://datatables.net/download/#bs4/dt-1.10.18 * * Included libraries: * DataTables 1.10.18 */ div.dataTables_wrapper div { &.dataTables_length { select, input { width: auto; } &.d-flex.flex-row { label { margin-top: 1.2rem; margin-right: 1rem; } .select-wrapper.mdb-select { span, .select-dropdown { margin-top: 1rem; } } } } &.dataTables_length, &.dataTables_filter { label { padding-top: .5rem; padding-bottom: .5rem; font-weight: 400; text-align: left; } } &.dataTables_filter { select, input { width: auto; } input { display: inline-block; margin-left: .5rem; } text-align: right; } &.dataTables_info, &.dataTables_paginate { padding-top: 1rem; padding-bottom: 1rem; font-weight: 400; } &.dataTables_paginate { margin: 0; text-align: right; ul.pagination { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-pack: end; .page-item { &.active .page-link:focus { background-color: #4285f4; } .page-link:focus { -webkit-box-shadow: none; box-shadow: none; } } } } } @media (max-width: 767px) { div.dataTables_wrapper div { .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate ul.pagination { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-box-pack: center; } } } .bs-select select { display: inline-block !important; } table.dataTable thead { cursor: pointer; > tr > { th, td { &.sorting_asc, &.sorting_desc, &.sorting { padding-right: 30px; } } th:active, td:active { outline: none; } } .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled { position: relative; cursor: pointer; &:before, &:after { position: absolute; bottom: .9em; display: block; opacity: .3; } } .sorting:before, .sorting_asc:before, .sorting_desc:before, .sorting_asc_disabled:before, .sorting_desc_disabled:before { right: 1em; font-family: "Font Awesome\ 5 Free", sans-serif; font-size: 1rem; font-weight: 900; content: "\f0de"; } .sorting:after, .sorting_asc:after, .sorting_desc:after, .sorting_asc_disabled:after, .sorting_desc_disabled:after { right: 16px; font-family: "Font Awesome\ 5 Free", sans-serif; font-size: 1rem; font-weight: 900; content: "\f0dd"; } .sorting_asc:before, .sorting_desc:after { opacity: 1; } .sorting_asc_disabled:before, .sorting_desc_disabled:after { opacity: 0; } }