From 2a60c4301a2af01f5423187b4686a044176f15c6 Mon Sep 17 00:00:00 2001 From: Kimmo Puputti Date: Thu, 23 Nov 2017 11:53:15 +0200 Subject: [PATCH] Make order page breakdown sticky --- .../OrderDetailsPanel/OrderDetailsPanel.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/components/OrderDetailsPanel/OrderDetailsPanel.css b/src/components/OrderDetailsPanel/OrderDetailsPanel.css index 91f9f570..a0b877a1 100644 --- a/src/components/OrderDetailsPanel/OrderDetailsPanel.css +++ b/src/components/OrderDetailsPanel/OrderDetailsPanel.css @@ -152,13 +152,16 @@ .breakdownDesktop { display: none; + position: sticky; + top: 24px; + width: 409px; + padding-bottom: 55px; + background-color: var(--matterColorLight); + border: 1px solid var(--matterColorNegative); + border-radius: 2px; + @media (--viewportLarge) { - width: 409px; display: block; - padding-bottom: 55px; - background-color: var(--matterColorLight); - border: 1px solid var(--matterColorNegative); - border-radius: 2px; } }