Smaller palette in whiteboard
This commit is contained in:
parent
9aaddea148
commit
dcfd9c5a73
@ -123,23 +123,28 @@
|
|||||||
.middle;
|
.middle;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
background: white;
|
background: white;
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
display: flex;
|
||||||
|
flex-shrink: 1;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
min-width: 0;
|
||||||
|
max-width: 300px;
|
||||||
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
span.cp-app-whiteboard-palette-color {
|
span.cp-app-whiteboard-palette-color {
|
||||||
height: 4vw;
|
height: 30px;
|
||||||
width: 4vw;
|
width: 30px;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
border: 1px solid black;
|
border: 1px solid #bbb;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
cursor: pointer;
|
||||||
transition: transform 0.1s;
|
transition: transform 0.1s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
transform: scale(1.2);
|
transform: scale(1.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -511,13 +511,13 @@ define([
|
|||||||
}),
|
}),
|
||||||
h('span#cp-app-whiteboard-opacity-val', '100%')
|
h('span#cp-app-whiteboard-opacity-val', '100%')
|
||||||
]),
|
]),
|
||||||
h('span.cp-app-whiteboard-selected.cp-app-whiteboard-unselectable', [
|
h('div.cp-app-whiteboard-selected.cp-app-whiteboard-unselectable', [
|
||||||
h('img', {
|
h('img', {
|
||||||
title: Messages.canvas_currentBrush
|
title: Messages.canvas_currentBrush
|
||||||
})
|
})
|
||||||
])
|
]),
|
||||||
|
UI.setHTML(h('div#cp-app-whiteboard-colors'), ' '),
|
||||||
]),
|
]),
|
||||||
UI.setHTML(h('div#cp-app-whiteboard-colors'), ' '),
|
|
||||||
h('div#cp-app-whiteboard-cursors', {
|
h('div#cp-app-whiteboard-cursors', {
|
||||||
style: {
|
style: {
|
||||||
display: 'none',
|
display: 'none',
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user