mrflos/memo
1
0
Fork 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

feat: board opacity controller

Browse source
This commit is contained in:
leokontente 2025-06-04 10:43:37 +02:00
parent f52e91520b
commit acc04b29fb
2 changed files with 20 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
client/css/style.css
View file

@ -1,7 +1,6 @@
:root {
--primary-color: #195962;
--secondary-color: #f56f6c;
--board-background-color: #eee8;
--dark-color: #252932;
--light-color: #ffffff;
--post-it-pink: pink;
@ -11,6 +10,10 @@
--post-it-white: #e7e8e9;
--text-color: var(--dark-color);
--background-color: var(--light-color);
--board-opacity: 0.8;
--board-background-color: rgba(238, 238, 238, var(--board-opacity));
--board-background-color-outline: rgba(221, 221, 221, var(--board-opacity));
--board-background-color-shadow: rgba(153, 153, 153, var(--board-opacity));
}
body {
@ -156,14 +159,14 @@ a:active {
position: relative;
background-color: var(--board-background-color);
height: 100%;
box-shadow: inset 1px 1px 3px #999;
box-shadow: inset 1px 1px 3px var(--board-background-color-shadow);
}
.board-outline {
border: solid #ddda 6px;
border: solid var(--board-background-color-outline) 6px;
display: block;
height: 466px;
box-shadow: 1px 1px 1px #aaa;
box-shadow: 1px 1px 1px var(--board-background-color-shadow);
margin: 0 auto;
}
@ -270,11 +273,10 @@ h2 {
right: 3px;
top: 200px;
display: none;
opacity: 0.15;
}
#add-col:hover {
opacity: 0.5;
transform: scale(1.2);
}
#delete-col {
@ -282,11 +284,10 @@ h2 {
right: 3px;
top: 224px;
display: none;
opacity: 0.15;
}
#delete-col:hover {
opacity: 0.5;
transform: scale(1.2);
}
#board-table:hover #add-col,