#53 added supporting bootstrap style
This commit is contained in:
Nightblade73
parent
6296b661a9
commit
fd22aecd22
@ -1,94 +1,93 @@
|
|||||||
.col-lg-12 a{
|
.col-lg-12 a {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-lg-12 a img{
|
.col-lg-12 a img {
|
||||||
width: 36px;
|
width: 36px;
|
||||||
height: 33px;
|
height: 33px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-group textarea{
|
.form-group textarea {
|
||||||
min-height: 206px;
|
min-height: 206px;
|
||||||
max-height: 463px;
|
max-height: 463px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.deadline-list{
|
.deadline-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.deadline{
|
.deadline {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.deadline-text{
|
.deadline-text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.member-list{
|
.member-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.member{
|
.member {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paper-list{
|
.paper-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paper{
|
.paper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paper-name{
|
.paper-name {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paper-name span{
|
.paper-name span {
|
||||||
margin: 6px 15px;
|
margin: 6px 15px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon{
|
.icon {
|
||||||
width: 38px;
|
width: 38px;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-delete{
|
.icon-delete {
|
||||||
background-color: #f44;
|
background-color: #f44;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-paper{
|
.icon-paper {
|
||||||
height: 26px;
|
height: 26px;
|
||||||
width: 26px;
|
width: 26px;
|
||||||
float: right;
|
float: right;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grey-border{
|
.grey-border {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
border-radius: .25rem;
|
border-radius: .25rem;
|
||||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
#add-paper{
|
#add-paper {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cancel-button{
|
#cancel-button {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,3 +1,9 @@
|
|||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
$('#table_id').dataTable();
|
$('#table_id').dataTable({
|
||||||
|
"pageLength": 10,
|
||||||
|
select: {
|
||||||
|
style: 'multi'
|
||||||
|
},
|
||||||
|
"lengthChange": false
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
@ -3,8 +3,8 @@
|
|||||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||||
layout:decorator="default">
|
layout:decorator="default">
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css"/>
|
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css"/>
|
||||||
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
|
<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@ -25,24 +25,30 @@
|
|||||||
<hr/>
|
<hr/>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
<form id="paper-form" method="post">
|
<form id="conferences-form" method="post">
|
||||||
|
<table id="table_id" class="table table-bordered table-hover dataTable">
|
||||||
<table id="table_id" class="display">
|
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Column 1</th>
|
<th>Название:</th>
|
||||||
<th>Column 2</th>
|
<th>Описание:</th>
|
||||||
|
<th>Начало:</th>
|
||||||
|
<th>Конец:</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Row 1 Data 1</td>
|
<td>Конференция 1</td>
|
||||||
<td>Row 1 Data 2</td>
|
<td>Описание 1</td>
|
||||||
|
<td>01.01.2000</td>
|
||||||
|
<td>02.01.2000</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Row 2 Data 1</td>
|
<td>Конференция 2</td>
|
||||||
<td>Row 2 Data 2</td>
|
<td>Описание 2</td>
|
||||||
|
<td>01.02.2001</td>
|
||||||
|
<td>02.02.2001</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user