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 incorrect modal colors on the reader page

Browse Source
This commit is contained in:
Alex Ling 2020-06-16 06:04:43 +00:00
parent 4af5258602
commit 0e7be6392d
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/js/theme.js
View File

@ -22,8 +22,7 @@ const setTheme = themeStr => {
$('.uk-card').addClass('uk-card-secondary'); $('.uk-card').addClass('uk-card-secondary');
$('.uk-card').removeClass('uk-card-default'); $('.uk-card').removeClass('uk-card-default');
$('.ui-widget-content').addClass('dark'); $('.ui-widget-content').addClass('dark');
} } else {
else {
$('html').css('background', ''); $('html').css('background', '');
$('body').removeClass('uk-light'); $('body').removeClass('uk-light');
$('.uk-card').removeClass('uk-card-secondary'); $('.uk-card').removeClass('uk-card-secondary');
@ -39,5 +38,11 @@ const styleModal = () => {
$('.uk-modal-footer').css('background', color); $('.uk-modal-footer').css('background', color);
}; };
// do it before document is ready to prevent the initial flash of white // do it before document is ready to prevent the initial flash of white on
// most pages
setTheme(getTheme()); setTheme(getTheme());
$(() => {
// hack for the reader page
setTheme(getTheme());
});

1
src/views/reader.ecr
View File

@ -4,7 +4,6 @@
<%= render_component "head" %> <%= render_component "head" %>
<body> <body>
<script src="<%= base_url %>js/theme.js"></script>
<div class="uk-section uk-section-default uk-section-small reader-bg"> <div class="uk-section uk-section-default uk-section-small reader-bg">
<div class="uk-container uk-container-small"> <div class="uk-container uk-container-small">
<%- urls.each_with_index do |url, i| -%> <%- urls.each_with_index do |url, i| -%>