barve, shranjevanje

This commit is contained in:
David Štaleker
2024-02-28 20:04:20 +01:00
parent dc24cb22a6
commit 26a78d5188
11 changed files with 1239 additions and 79 deletions

View File

@@ -8,10 +8,6 @@
padding:0;
}
.div-main-body > hr {
margin-bottom: 0;
}
.div-tools {
margin: 5px;
width: 100%;
@@ -43,6 +39,26 @@
cursor: nwse-resize;
}
.div-board{
float: left;
text-align: center;
width: 200px;
height: 50px;
border: 1px solid rgba(24, 28, 33, 0.06);
border-radius: 0.25rem;
margin-right: 15px;
}
.div-board > h5 {
margin-top: 5px;
margin-bottom: 2px;
}
.div-board:hover {
cursor: pointer;
background-color: rgba(24, 28, 33, 0.06);
}
.div-note {
position: absolute !important;
float: left;
@@ -55,19 +71,21 @@
.div-pages {
margin: 5px;
height: 50px;
margin-left: 10px;
margin-bottom: 10px;
}
.div-pages > div {
.div-page {
float: left;
text-align: center;
width: 100px;
height: 50px;
border:1px solid rgba(24, 28, 33, 0.06);
border: 1px solid rgba(24, 28, 33, 0.06);
border-radius: 0.25rem;
margin-right: 5px;
}
.div-pages > div:hover {
.div-page:hover {
cursor: pointer;
background-color: rgba(24, 28, 33, 0.06);
}
@@ -76,11 +94,116 @@
background-color: rgba(128, 171, 226, 0.5);
}
.div-pages > div > h5 {
.div-page > h5 {
margin-top: 5px;
margin-bottom: 2px;
}
.div-pages > div > i {
.div-page > i {
margin-top: 10px;
}
}
#lblBoardPageName {
margin-right: 5px;;
}
.div-note-edit-color {
margin: 5px;
height: 50px;
}
.div-note-edit-color > div {
float: left;
text-align: center;
width: 40px;
height: 40px;
border:1px solid rgba(24, 28, 33, 0.06);
border-radius: 0.25rem;
margin-right: 5px;
}
.div-note-edit-color > div:hover {
cursor: pointer;
border: 2px solid rgba(1, 103, 228, 0.418);
}
.div-note-edit-color > div.active {
cursor: pointer;
border: 2px solid rgba(1, 103, 228, 0.719);
}
/* Barve listkov */
.note-color-white {
background-color: #fff;
border-color: #e0e0e0;
}
.note-color-yellow {
background-color: #fff8b8;
border-color: #fff8b8;
}
.note-color-orange {
background-color: #f39f76;
border-color: #f39f76;
}
.note-color-light-green {
background-color: #e2f6d3;
border-color: #e2f6d3;
}
.note-color-blue {
background-color: #d4e4ed;
border-color: #d4e4ed;
}
.note-color-purple {
background-color: #d3bfdb;
border-color: #d3bfdb;
}
.note-color-grey {
background-color: #efeff1;
border-color: #efeff1;
}
/* button */
.fab-container-add {
position: fixed;
bottom: 80px;
right: 115px;
cursor: pointer;
z-index: 1000;
}
.fab-container-save {
position: fixed;
bottom: 80px;
right: 50px;
cursor: pointer;
z-index: 1000;
}
.iconbutton {
width: 50px;
height: 50px;
border-radius: 100%;
box-shadow: 10px 10px 5px #aaaaaa;
}
.button {
width: 60px;
height: 60px;
}
.iconbutton i {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: white;
}