silva
/
new_site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix table color (#1424) 

Fix table color when dark mode is default.

---------

Signed-off-by: George Araujo <george.gcac@gmail.com>
This commit is contained in:
George 2023-05-14 22:10:29 -03:00 committed by GitHub
parent d037850a48
commit 8f960bbae6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_config.yml
View File

@ -378,6 +378,8 @@ bootstrap:
integrity: integrity:
css: "sha256-DF7Zhf293AJxJNTmh5zhoYYIMs2oXitRfBjY+9L//AY=" css: "sha256-DF7Zhf293AJxJNTmh5zhoYYIMs2oXitRfBjY+9L//AY="
js: "sha256-fgLAgv7fyCGopR/gBNq2iW3ZKIdqIcyshnUULC4vex8=" js: "sha256-fgLAgv7fyCGopR/gBNq2iW3ZKIdqIcyshnUULC4vex8="
bootstrap-table:
version: "1.21.4"
fontawesome: fontawesome:
version: "5.15.4" version: "5.15.4"
integrity: "sha256-mUZM63G8m73Mcidfrv5E+Y61y7a12O5mW4ezU3bxqW4=" integrity: "sha256-mUZM63G8m73Mcidfrv5E+Y61y7a12O5mW4ezU3bxqW4="

2
_includes/head.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdbootstrap@{{ site.mdb.version }}/css/mdb.min.css" integrity="{{ site.mdb.integrity.css }}" crossorigin="anonymous" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdbootstrap@{{ site.mdb.version }}/css/mdb.min.css" integrity="{{ site.mdb.integrity.css }}" crossorigin="anonymous" />
<!-- Bootstrap Table --> <!-- Bootstrap Table -->
<link defer rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.21.3/dist/bootstrap-table.min.css"> <link defer rel="stylesheet" href="https://unpkg.com/bootstrap-table@{{ site.bootstrap-table.version }}/dist/bootstrap-table.min.css">
<!-- Fonts & Icons --> <!-- Fonts & Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@{{ site.fontawesome.version }}/css/all.min.css" integrity="{{ site.fontawesome.integrity }}" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@{{ site.fontawesome.version }}/css/all.min.css" integrity="{{ site.fontawesome.integrity }}" crossorigin="anonymous">

2
_includes/scripts/misc.html
View File

@ -17,7 +17,7 @@
{% endif %} {% endif %}
<!-- Bootstrap Table --> <!-- Bootstrap Table -->
<script defer src="https://unpkg.com/bootstrap-table@1.21.3/dist/bootstrap-table.min.js"></script> <script defer src="https://unpkg.com/bootstrap-table@{{ site.bootstrap-table.version }}/dist/bootstrap-table.min.js"></script>
<!-- Load Common JS --> <!-- Load Common JS -->
<script src="{{ '/assets/js/no_defer.js' | relative_url }}"></script> <script src="{{ '/assets/js/no_defer.js' | relative_url }}"></script>

5
_sass/_base.scss
View File

@ -48,6 +48,10 @@ table.table a {
} }
} }
.table-dark {
background-color: transparent;
}
figure, figure,
img { img {
max-width: 90vw; max-width: 90vw;
@ -946,4 +950,3 @@ nav[data-toggle="toc"] {
top: 0; top: 0;
} }
} }

12
assets/js/no_defer.js
View File

@ -1,6 +1,12 @@
// add bootstrap classes to tables // add bootstrap classes to tables
$(document).ready(function() { $(document).ready(function() {
$('table').each(function() { $('table').each(function() {
if (document.documentElement.getAttribute("data-theme") == "dark") {
$(this).addClass('table-dark');
} else {
$(this).removeClass('table-dark');
}
// only select tables that are not inside an element with "news" (about page) or "card" (cv page) class // only select tables that are not inside an element with "news" (about page) or "card" (cv page) class
if($(this).parents('[class*="news"]').length==0 && if($(this).parents('[class*="news"]').length==0 &&
$(this).parents('[class*="card"]').length==0 && $(this).parents('[class*="card"]').length==0 &&
@ -10,12 +16,6 @@ $(document).ready(function() {
// add some classes to make the table look better // add some classes to make the table look better
// $(this).addClass('table-sm'); // $(this).addClass('table-sm');
$(this).addClass('table-hover'); $(this).addClass('table-hover');
if (document.documentElement.getAttribute("data-theme") == "dark") {
$(this).addClass('table-dark');
} else {
$(this).removeClass('table-dark');
}
} }
}) })
}); });