barve, shranjevanje
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user