From 7dc046d9f5299c4a7db3e8fe9fe2dc1390a4047f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Thu, 18 Jan 2018 11:31:41 +0100 Subject: [PATCH] ux: updated react-layout-grid --- package.json | 2 +- public/sass/components/_popper.scss | 8 +++++++- yarn.lock | 8 ++++---- 3 files changed, 12 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index fc00ae68c60..971e63053fc 100644 --- a/package.json +++ b/package.json @@ -147,7 +147,7 @@ "prop-types": "^15.6.0", "react": "^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-highlight-words": "^0.10.0", "react-select": "^1.1.0", diff --git a/public/sass/components/_popper.scss b/public/sass/components/_popper.scss index a4809535feb..82432d11b92 100644 --- a/public/sass/components/_popper.scss +++ b/public/sass/components/_popper.scss @@ -1,4 +1,4 @@ -.popper { +.popper { position: absolute; background: $tooltipBackground; color: $tooltipColor; @@ -8,6 +8,7 @@ padding: 10px; text-align: center; } + .popper .popper__arrow { width: 0; height: 0; @@ -23,6 +24,7 @@ .popper[data-placement^='top'] { margin-bottom: 5px; } + .popper[data-placement^='top'] .popper__arrow { border-width: 5px 5px 0 5px; border-left-color: transparent; @@ -33,9 +35,11 @@ margin-top: 0; margin-bottom: 0; } + .popper[data-placement^='bottom'] { margin-top: 5px; } + .popper[data-placement^='bottom'] .popper__arrow { border-width: 0 5px 5px 5px; border-left-color: transparent; @@ -59,9 +63,11 @@ margin-left: 0; margin-right: 0; } + .popper[data-placement^='left'] { margin-right: 5px; } + .popper[data-placement^='left'] .popper__arrow { border-width: 5px 0 5px 5px; border-top-color: transparent; diff --git a/yarn.lock b/yarn.lock index 0cafa601d1a..229b2cd6495 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7442,7 +7442,7 @@ performance-now@^2.1.0: version "2.1.0" 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" resolved "https://registry.yarnpkg.com/phantomjs-prebuilt/-/phantomjs-prebuilt-2.1.16.tgz#efd212a4a3966d3647684ea8ba788549be2aefef" dependencies: @@ -8121,9 +8121,9 @@ react-dom@^16.2.0: classnames "^2.2.5" prop-types "^15.5.10" -react-grid-layout@^0.16.1: - version "0.16.1" - resolved "https://registry.yarnpkg.com/react-grid-layout/-/react-grid-layout-0.16.1.tgz#45eb5687da2ae6912b63c1c0b79b7fb6bbd32202" +react-grid-layout@^0.16.2: + version "0.16.2" + resolved "https://registry.yarnpkg.com/react-grid-layout/-/react-grid-layout-0.16.2.tgz#ef09b0b6db4a9635799663658277ee2d26fa2994" dependencies: classnames "2.x" lodash.isequal "^4.0.0"