diff --git a/customize.dist/index.html b/customize.dist/index.html index 8d5c589f2..d9d431e7e 100644 --- a/customize.dist/index.html +++ b/customize.dist/index.html @@ -59,7 +59,7 @@ Link Created Last Accessed - + ⟳ diff --git a/customize.dist/main.css b/customize.dist/main.css index 9d0b8fbfd..cf6ff644c 100644 --- a/customize.dist/main.css +++ b/customize.dist/main.css @@ -156,11 +156,16 @@ tbody tr { text-align: center; } tbody tr:first-of-type th { + font-size: 20px; border-top: 0px; font-weight: bold; padding: 10px; text-decoration: underline; } +tbody tr:first-of-type th.table-refresh { + color: #46E981; + text-decoration: none; +} tbody tr:nth-child(odd) { background-color: #685d56; } diff --git a/customize.dist/main.js b/customize.dist/main.js index 2de4cacd2..238998ecf 100644 --- a/customize.dist/main.js +++ b/customize.dist/main.js @@ -49,6 +49,12 @@ define([ var makeRecentPadsTable = function (recentPads) { if (!recentPads.length) { return; } + + $('tbody tr').each(function (i, e) { + if (!i) { return; } + $(this).remove(); + }); + recentPads.some(function (pad, index) { if (!pad) { return; } @@ -112,8 +118,7 @@ define([ }); }; - Cryptpad.ready(function () { - console.log("ready"); + var refreshTable = function () { Cryptpad.getRecentPads(function (err, recentPads) { if (err) { console.log("unable to get recent pads"); @@ -131,6 +136,12 @@ define([ $tryit.text(Messages.recentPads); } }); + }; + + Cryptpad.ready(function () { + console.log("ready"); + refreshTable(); + $('.table-refresh').click(refreshTable); }); }); diff --git a/customize.dist/src/cryptpad.less b/customize.dist/src/cryptpad.less index b24c69081..e00d63a58 100644 --- a/customize.dist/src/cryptpad.less +++ b/customize.dist/src/cryptpad.less @@ -188,10 +188,17 @@ tbody { tr { text-align: center; &:first-of-type th{ + font-size: 20px; border-top: 0px; font-weight: bold; padding: 10px; text-decoration: underline; + &.table-refresh { + color: @cp-green; + text-decoration: none; + //border-bottom: 0px; + } + } &:nth-child(odd) { background-color: @light-base; @@ -210,6 +217,7 @@ tbody { border-right: 0px; } } + .remove { cursor: pointer !important; color: @cp-red;