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)'}, rowReorder: { selector: 'td:nth-child(2)'},
responsive: true, responsive: true,
processing: 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, autoWidth: false,
ajax: "api/ajax_pastes.php", ajax: "api/ajax_pastes.php",
initComplete: function () { 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 > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important; cursor: default !important;
background-color: #e8e8e8;
} }
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.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; margin-top: -9px;
display: block; display: block;
position: absolute; position: absolute;
color: white;
border: 0.15em solid white; border: 0.15em solid white;
border-radius: 1em; border-radius: 1em;
box-sizing: content-box; box-sizing: content-box;
text-align: center; text-align: center;
text-indent: 0 !important; text-indent: 0 !important;
font-family: "Courier New", Courier, monospace; font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
line-height: 1em; line-height: 1em;
content: "+"; content:"\f054";
background-color: #3298dc; color: #3298dc;
} }
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
content: "-"; content:"\f078";
background-color: #d33333;
} }
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.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 > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before { table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%; top: 50%;
left: 50%; left: 5px;
height: 0.8em; height: 1em;
width: 0.8em; width: 1em;
margin-top: -0.5em; margin-top: -9px;
margin-left: -0.5em;
display: block; display: block;
position: absolute; position: absolute;
color: white;
border: 0.15em solid white; border: 0.15em solid white;
border-radius: 1em; border-radius: 1em;
box-sizing: content-box; box-sizing: content-box;
text-align: center; text-align: center;
text-indent: 0 !important; text-indent: 0 !important;
font-family: "Courier New", Courier, monospace; font-family: 'Font Awesome\ 5 Free';
font-weight: 900;
line-height: 1em; line-height: 1em;
content: "+"; content:"\f054";
background-color: #31b131; color: #3298dc;
} }
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, 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 th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before { table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: "-"; content:"\f078";
background-color: #d33333;
} }
table.dataTable > tbody > tr.child { table.dataTable > tbody > tr.child {
padding: 0.5em 1em; padding: 0.5em 1em;