PonyMirrors/ponepaste
1
0
Fork 0
mirror of https://github.com/Neetpone/ponepaste.git synced 2025-03-12 06:30:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

added load animation

Browse source 
Added load animation for archive page when it's searching.
This commit is contained in:
aftercase 2021-08-16 18:58:47 +01:00
parent 5124b0cd66
commit ed782ced56
2 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
theme/bulma/archive.php
View file

@ -20,6 +20,7 @@
rowReorder: { selector: 'td:nth-child(2)'},
responsive: true,
processing: true,
language: {processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span> '},
autoWidth: false,
ajax: "api/ajax_pastes.php",
initComplete: function () {

32
theme/bulma/css/table-responsive.css
View file

@ -2,6 +2,7 @@ table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important;
background-color: #e8e8e8;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
@ -24,21 +25,20 @@ table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
margin-top: -9px;
display: block;
position: absolute;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
line-height: 1em;
content: "+";
background-color: #3298dc;
content:"\f054";
color: #3298dc;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
content: "-";
background-color: #d33333;
content:"\f078";
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
@ -65,30 +65,28 @@ table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 0.8em;
width: 0.8em;
margin-top: -0.5em;
margin-left: -0.5em;
left: 5px;
height: 1em;
width: 1em;
margin-top: -9px;
display: block;
position: absolute;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
line-height: 1em;
content: "+";
background-color: #31b131;
content:"\f054";
color: #3298dc;
}
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: "-";
background-color: #d33333;
content:"\f078";
}
table.dataTable > tbody > tr.child {
padding: 0.5em 1em;