Browse Source

Sample Table Style

Changed the style of the add/manage users table.
pull/87/head
Justin Gray 5 years ago
parent
commit
84d21ab655
3 changed files with 37 additions and 2 deletions
  1. +31
    -0
      static/css/main.css
  2. +5
    -1
      static/js/app/users.js
  3. +1
    -1
      templates/users.html

+ 31
- 0
static/css/main.css View File

@ -341,3 +341,34 @@
float:none !important;
}
}
/* Table Styling */
.modal-content .dataTable tbody td {
font-size: 16px;/* Smaller font on modal tables */
}
.dataTables_info{
font-size: 15px;
}
/* Sort Icons */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
font-family: 'FontAwesome' !important;
position: relative !important;
display: initial !important;
top: initial!important;
right: initial!important;
left: 6px;
color: #1abc9c;
}
table.dataTable thead .sorting:after{
content: "\f0dc" !important;
}
table.dataTable thead .sorting_asc:after {
content: "\f0de" !important;
opacity: .8 !important;
}
table.dataTable thead .sorting_desc:after {
content: "\f0dd" !important;
opacity: .8 !important;
}

+ 5
- 1
static/js/app/users.js View File

@ -52,7 +52,11 @@ function dismiss(){
}
function edit(idx){
targets = $("#targetsTable").dataTable()
targets = $("#targetsTable").dataTable({
columnDefs: [
{ orderable: false, targets: -1 }
]
})
$("#modalSubmit").unbind('click').click(function(){save(idx)})
if (idx == -1) {
group = {}

+ 1
- 1
templates/users.html View File

@ -94,7 +94,7 @@
</form>
</div>
<br />
<table id="targetsTable" class="table table-hover table-striped">
<table id="targetsTable" class="table table-hover table-striped table-condensed">
<thead>
<tr>
<th>First Name</th>

Loading…
Cancel
Save