Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Style graph resizer

pull/10616/head
Alex P 2017-02-21 17:40:45 -08:00 committed by Andrew Watkins
parent c57d0d6138
commit 3ebd16e0c8
1 changed files with 32 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/src/style/pages/dashboards.scss
View File

@ -9,6 +9,12 @@ $dashboard-item-heading: 30px;
&.resizing {
border-color: $c-pool;
z-index: 3;
& > .react-resizable-handle {
&:before, &:after {
background-color: $c-pool;
}
}
}
&.react-draggable-dragging {
border-color: $c-pool;
@ -67,5 +73,31 @@ $dashboard-item-heading: 30px;
}
.react-grid-item > .react-resizable-handle {
background-image: none;
cursor: nwse-resize;
&:before,
&:after {
content: '';
display: block;
position: absolute;
height: 2px;
background-color: $g6-smoke;
transition: background-color 0.25s ease;
top: 50%;
left: 50%;
}
&:before {
width: 20px;
transform: translate(-50%,-50%) rotate(-45deg);
}
&:after {
width: 12px;
transform: translate(-3px,2px) rotate(-45deg);
}
&:hover {
&:before, &:after {
background-color: $c-pool;
}
}
}