IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux: updated react-layout-grid

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-01-18 11:31:41 +01:00
parent d6667c4fa0
commit 7dc046d9f5
3 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -147,7 +147,7 @@
"prop-types": "^15.6.0", "prop-types": "^15.6.0",
"react": "^16.2.0", "react": "^16.2.0",
"react-dom": "^16.2.0", "react-dom": "^16.2.0",
"react-grid-layout": "^0.16.1", "react-grid-layout": "^0.16.2",
"react-popper": "^0.7.5", "react-popper": "^0.7.5",
"react-highlight-words": "^0.10.0", "react-highlight-words": "^0.10.0",
"react-select": "^1.1.0", "react-select": "^1.1.0",

8
public/sass/components/_popper.scss
View File

@ -1,4 +1,4 @@
.popper { .popper {
position: absolute; position: absolute;
background: $tooltipBackground; background: $tooltipBackground;
color: $tooltipColor; color: $tooltipColor;
@ -8,6 +8,7 @@
padding: 10px; padding: 10px;
text-align: center; text-align: center;
} }
.popper .popper__arrow { .popper .popper__arrow {
width: 0; width: 0;
height: 0; height: 0;
@ -23,6 +24,7 @@
.popper[data-placement^='top'] { .popper[data-placement^='top'] {
margin-bottom: 5px; margin-bottom: 5px;
} }
.popper[data-placement^='top'] .popper__arrow { .popper[data-placement^='top'] .popper__arrow {
border-width: 5px 5px 0 5px; border-width: 5px 5px 0 5px;
border-left-color: transparent; border-left-color: transparent;
@ -33,9 +35,11 @@
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.popper[data-placement^='bottom'] { .popper[data-placement^='bottom'] {
margin-top: 5px; margin-top: 5px;
} }
.popper[data-placement^='bottom'] .popper__arrow { .popper[data-placement^='bottom'] .popper__arrow {
border-width: 0 5px 5px 5px; border-width: 0 5px 5px 5px;
border-left-color: transparent; border-left-color: transparent;
@ -59,9 +63,11 @@
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
.popper[data-placement^='left'] { .popper[data-placement^='left'] {
margin-right: 5px; margin-right: 5px;
} }
.popper[data-placement^='left'] .popper__arrow { .popper[data-placement^='left'] .popper__arrow {
border-width: 5px 0 5px 5px; border-width: 5px 0 5px 5px;
border-top-color: transparent; border-top-color: transparent;

8
yarn.lock
View File

@ -7442,7 +7442,7 @@ performance-now@^2.1.0:
version "2.1.0" version "2.1.0"
resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
phantomjs-prebuilt@^2.1.16, phantomjs-prebuilt@^2.1.7: phantomjs-prebuilt@^2.1.15, phantomjs-prebuilt@^2.1.7:
version "2.1.16" version "2.1.16"
resolved "https://registry.yarnpkg.com/phantomjs-prebuilt/-/phantomjs-prebuilt-2.1.16.tgz#efd212a4a3966d3647684ea8ba788549be2aefef" resolved "https://registry.yarnpkg.com/phantomjs-prebuilt/-/phantomjs-prebuilt-2.1.16.tgz#efd212a4a3966d3647684ea8ba788549be2aefef"
dependencies: dependencies:
@ -8121,9 +8121,9 @@ react-dom@^16.2.0:
classnames "^2.2.5" classnames "^2.2.5"
prop-types "^15.5.10" prop-types "^15.5.10"
react-grid-layout@^0.16.1: react-grid-layout@^0.16.2:
version "0.16.1" version "0.16.2"
resolved "https://registry.yarnpkg.com/react-grid-layout/-/react-grid-layout-0.16.1.tgz#45eb5687da2ae6912b63c1c0b79b7fb6bbd32202" resolved "https://registry.yarnpkg.com/react-grid-layout/-/react-grid-layout-0.16.2.tgz#ef09b0b6db4a9635799663658277ee2d26fa2994"
dependencies: dependencies:
classnames "2.x" classnames "2.x"
lodash.isequal "^4.0.0" lodash.isequal "^4.0.0"