Add project backgrounds

This commit is contained in:
Maksim Eltyshev
2020-05-26 00:46:04 +05:00
parent af4297ac62
commit 3bb68b0d4f
67 changed files with 774 additions and 210 deletions

View File

@@ -23,7 +23,7 @@
}
.wrapper {
background-color: #e2e4e6;
background: #e2e4e6;
border-radius: 3px;
padding: 4px;
transition: opacity 40ms ease-in;

View File

@@ -110,6 +110,14 @@ const Board = React.memo(
prevPosition.current = null;
}, [prevPosition]);
useEffect(() => {
document.body.style.overflowX = 'auto';
return () => {
document.body.style.overflowX = null;
};
}, []);
useEffect(() => {
if (isAddListOpened) {
window.scroll(document.body.scrollWidth, 0);

View File

@@ -1,11 +1,11 @@
.addListButton {
background: hsla(0, 0%, 0%, 0.24);
background: rgba(0, 0, 0, 0.24);
border: none;
border-radius: 3px;
color: hsla(0, 0%, 100%, 0.72);
color: rgba(255, 255, 255, 0.72);
cursor: pointer;
display: block;
fill: hsla(0, 0%, 100%, 0.72);
fill: rgba(255, 255, 255, 0.72);
font-weight: normal;
height: 42px;
padding: 11px;
@@ -20,7 +20,7 @@
}
.addListButton:hover {
background: hsla(0, 0%, 0%, 0.32);
background: rgba(0, 0, 0, 0.32);
}
.addListButtonIcon {

View File

@@ -23,7 +23,7 @@
}
.filterLabel {
background: hsla(0, 0%, 0%, 0.24);
background: rgba(0, 0, 0, 0.24);
border-radius: 3px;
color: #fff;
display: inline-block;
@@ -33,7 +33,7 @@
}
.filterLabel:hover {
background: hsla(0, 0%, 0%, 0.32);
background: rgba(0, 0, 0, 0.32);
}
.filterTitle {