olinpin/twitter-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' into feat/filter-feed

Browse Source
This commit is contained in:
Oliver Hnát
2022-11-03 12:15:10 +01:00
parent 9ec0a27677 e40a63435c
commit 1309809045
2 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
dashboard_static/js/events.js
View File

@@ -47,10 +47,21 @@ $(".sort-dropdown-list li").on("click", function() {
let root = document.querySelector(":root") let root = document.querySelector(":root")
$(".logo").on("click", function() { $(".logo").on("click", function() {
if (root.style.getPropertyValue("--main-bg") === 'ghostwhite') { if (root.style.getPropertyValue("--main-bg") === 'snow') {
console.log("IM here")
root.style.setProperty('--main-medium-dark', '#1E1E1E');
root.style.setProperty('--main-bg', '#292929'); root.style.setProperty('--main-bg', '#292929');
root.style.setProperty('--main-light', ' #ffffff' );
root.style.setProperty('--main-dark', '#ffffff');
root.style.setProperty('--tweet-color', '#000000')
root.style.setProperty('--column-color', '#1E1E1E')
} else { } else {
root.style.setProperty('--main-bg', 'ghostwhite'); root.style.setProperty('--main-medium-dark', '#1D9BF0');
root.style.setProperty('--main-bg', 'snow');
root.style.setProperty('--main-light', '#000000');
root.style.setProperty('--main-dark', ' #000000');
root.style.setProperty('--tweet-color', 'whitesmoke');
root.style.setProperty('--column-color', 'rgba(112, 128, 144, 0.388');
} }
}) })

16
dashboard_static/style/style.css
View File

@@ -3,6 +3,8 @@
--main-light: #ffffff; --main-light: #ffffff;
--main-medium-dark: #1E1E1E; --main-medium-dark: #1E1E1E;
--main-dark: #000000; --main-dark: #000000;
--tweet-color: #000000;
--column-color: #1E1E1E;
--secondary: #1D9BF0; --secondary: #1D9BF0;
} }
@@ -91,7 +93,7 @@ body {
.tweet { .tweet {
display: flex; display: flex;
background-color: var(--main-dark); background-color: var(--tweet-color);
border-radius: 16px; border-radius: 16px;
padding: 16px; padding: 16px;
margin-bottom: 8px; margin-bottom: 8px;
@@ -191,12 +193,8 @@ body {
grid-row: 1/ -1; grid-row: 1/ -1;
} }
.leftcol { .leftcol, .centercol, .rightcol, .searchcontainer, .popchart {
background-color: red; background-color: var(--column-color);
}
.centercol {
background-color: green;
} }
.rightcol { .rightcol {
@@ -205,7 +203,6 @@ body {
} }
.searchcontainer { .searchcontainer {
background-color: blue;
padding: 8px; padding: 8px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
@@ -213,9 +210,6 @@ body {
margin-bottom: 32px; margin-bottom: 32px;
} }
.popchart {
background-color: rgba(255, 0, 255, 0.344);
}
.colheader { .colheader {
display: block; display: block;