68 lines
1.2 KiB
SCSS
68 lines
1.2 KiB
SCSS
/* Joint JS paper for drawing palette -> canvas DnD visual feedback START */
|
|
|
|
#palette-floater {
|
|
/* TODO size relative to paper that goes on it? */
|
|
opacity: 0.75;
|
|
background-color: transparent;
|
|
/*
|
|
background-color: #6db33f;
|
|
*/
|
|
float:left;
|
|
position: absolute;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#palette-floater.joint-paper > svg {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#palette-paper-container {
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
background-color: white;
|
|
color: white;
|
|
height:calc(100% - 46px);
|
|
width:100%;
|
|
}
|
|
|
|
/* Joint JS paper for drawing palette -> canvas DnD visual feedback END */
|
|
|
|
/* Palette START */
|
|
|
|
.palette-filter {
|
|
border: 3px solid #6db33f;
|
|
font-size:24px;
|
|
background-color: white;
|
|
}
|
|
|
|
.palette-filter-textfield {
|
|
width: 100%;
|
|
border: none;
|
|
/* border: 3px solid #6db33f;
|
|
*/ font-family: "Varela Round",sans-serif;
|
|
/* padding: 2px; */
|
|
}
|
|
|
|
.palette-paper {
|
|
background-color: #eeeeee;
|
|
/*
|
|
border-right: 7px solid;
|
|
*/
|
|
border-color: #6db33f;
|
|
/* width: 170px;
|
|
height:100%;
|
|
float: left;
|
|
*/
|
|
}
|
|
|
|
.no-matches-label {
|
|
fill: #777;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Palette END */
|