Backups/Mango
1
0
Fork 0
mirror of https://github.com/hkalexling/Mango.git synced 2025-08-03 11:25:29 -04:00
Code Issues Projects Releases Wiki Activity

Fix styling issues with dark theme on the download page

Browse Source
This commit is contained in:
Alex Ling 2020-03-11 03:07:09 +00:00
parent 36e2b2bfaf
commit 36034042f2
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/css/mango.css
View File

@ -32,3 +32,9 @@
#selectable .ui-selected { #selectable .ui-selected {
background: #F4E487; background: #F4E487;
} }
#selectable .ui-selecting.dark {
background: #5E5731;
}
#selectable .ui-selected.dark {
background: #9D9252;
}

5
public/js/download.js
View File

@ -49,6 +49,7 @@ const download = () => {
UIkit.modal.confirm(`${successCount} of ${successCount + failCount} chapters added to the download queue. Proceed to the download manager?`).then(() => { UIkit.modal.confirm(`${successCount} of ${successCount + failCount} chapters added to the download queue. Proceed to the download manager?`).then(() => {
window.location.href = '/admin/downloads'; window.location.href = '/admin/downloads';
}); });
styleModal();
}) })
.fail((jqXHR, status) => { .fail((jqXHR, status) => {
alert('danger', `Failed to add chapters to the download queue. Error: [${jqXHR.status}] ${jqXHR.statusText}`); alert('danger', `Failed to add chapters to the download queue. Error: [${jqXHR.status}] ${jqXHR.statusText}`);
@ -58,6 +59,7 @@ const download = () => {
$('#download-btn').removeAttr('hidden'); $('#download-btn').removeAttr('hidden');
}); });
}); });
styleModal();
}; };
const toggleSpinner = () => { const toggleSpinner = () => {
var attr = $('#spinner').attr('hidden'); var attr = $('#spinner').attr('hidden');
@ -275,7 +277,8 @@ const buildTable = () => {
const group_str = Object.entries(chp.groups).map(([k, v]) => { const group_str = Object.entries(chp.groups).map(([k, v]) => {
return `<a href="${baseURL }/group/${v}">${k}</a>`; return `<a href="${baseURL }/group/${v}">${k}</a>`;
}).join(' | '); }).join(' | ');
return `<tr class="ui-widget-content"> const dark = getTheme() === 'dark' ? 'dark' : '';
return `<tr class="ui-widget-content ${dark}">
<td><a href="${baseURL}/chapter/${chp.id}">${chp.id}</a></td> <td><a href="${baseURL}/chapter/${chp.id}">${chp.id}</a></td>
<td>${chp.title}</td> <td>${chp.title}</td>
<td>${chp.language}</td> <td>${chp.language}</td>

2
public/js/theme.js
View File

@ -49,12 +49,14 @@ const setTheme = themeStr => {
addClass(document.getElementsByTagName('body')[0], 'uk-light'); addClass(document.getElementsByTagName('body')[0], 'uk-light');
addClassToClass('uk-card', 'uk-card-secondary'); addClassToClass('uk-card', 'uk-card-secondary');
removeClassFromClass('uk-card', 'uk-card-default'); removeClassFromClass('uk-card', 'uk-card-default');
addClassToClass('ui-widget-content', 'dark');
} }
else { else {
document.getElementsByTagName('html')[0].style.background = ''; document.getElementsByTagName('html')[0].style.background = '';
removeClass(document.getElementsByTagName('body')[0], 'uk-light'); removeClass(document.getElementsByTagName('body')[0], 'uk-light');
removeClassFromClass('uk-card', 'uk-card-secondary'); removeClassFromClass('uk-card', 'uk-card-secondary');
addClassToClass('uk-card', 'uk-card-default'); addClassToClass('uk-card', 'uk-card-default');
removeClassFromClass('ui-widget-content', 'dark');
} }
}; };