From aae63805590dee9ba72567dec80860a00b7096f0 Mon Sep 17 00:00:00 2001 From: Jenni Nurmi Date: Fri, 1 Feb 2019 10:14:34 +0200 Subject: [PATCH 1/4] Unify page width when page should match to footer --- src/components/Footer/Footer.css | 22 ++++++++++++++++--- .../TransactionPanel/TransactionPanel.css | 9 ++++++-- src/containers/LandingPage/LandingPage.css | 12 +++++++--- src/containers/ListingPage/ListingPage.css | 13 ++++++++--- 4 files changed, 45 insertions(+), 11 deletions(-) diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css index 6961746b..1cdd1391 100644 --- a/src/components/Footer/Footer.css +++ b/src/components/Footer/Footer.css @@ -10,7 +10,7 @@ background-color: var(--matterColorBright); @media (--viewportMedium) { - padding: 0 30px 33px 30px; + padding: 0 24px 33px 24px; } @media (--viewportLarge) { @@ -41,12 +41,17 @@ width: 100%; @media (--viewportMedium) { - max-width: 1056px; margin: 0 auto; } @media (--viewportLarge) { - padding: 0 24px; + max-width: 1128px; + padding: 0 36px; + } + + @media (--viewportXLarge) { + max-width: 1056px; + padding: 0; } } @@ -96,6 +101,14 @@ order: 1; margin-right: 12px; } + @media (--viewportLarge) { + flex-basis: 240px; + margin-right: 57px; + } + @media (--viewportLargeWithPaddings) { + flex-basis: 250px; + margin-right: 12px; + } } .logoLink { @@ -221,6 +234,9 @@ flex-direction: column; margin-right: 12px; } + @media (--viewportLarge) { + margin-right: 0; + } } .legalMatters { diff --git a/src/components/TransactionPanel/TransactionPanel.css b/src/components/TransactionPanel/TransactionPanel.css index 870f2981..58cf8109 100644 --- a/src/components/TransactionPanel/TransactionPanel.css +++ b/src/components/TransactionPanel/TransactionPanel.css @@ -11,9 +11,14 @@ @media (--viewportLarge) { flex-direction: row; - max-width: 1156px; /* 1060 + (paddingLeft + paddingRight) */ + max-width: 1128px; margin: 0 auto 57px auto; - padding: 0 48px; + padding: 0 36px; + } + + @media (--viewportXLarge) { + max-width: 1056px; + padding: 0; } } diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css index 8bf7c08f..6db87f9f 100644 --- a/src/containers/LandingPage/LandingPage.css +++ b/src/containers/LandingPage/LandingPage.css @@ -85,13 +85,19 @@ margin: var(--LandingPage_sectionMarginTop) 24px 51px 24px; @media (--viewportMedium) { - margin: var(--LandingPage_sectionMarginTopMedium) 7.5vw 60px 7.5vw; + max-width: 100%; + margin: var(--LandingPage_sectionMarginTopMedium) 24px 60px 24px; } @media (--viewportLarge) { - max-width: calc(1052px + 36px + 36px); - margin: var(--LandingPage_sectionMarginTopLarge) auto 93px auto; + max-width: 1128px; padding: 0 36px 0 36px; + margin: var(--LandingPage_sectionMarginTopLarge) auto 93px auto; + } + + @media (--viewportXLarge) { + max-width: 1056px; + padding: 0; } } diff --git a/src/containers/ListingPage/ListingPage.css b/src/containers/ListingPage/ListingPage.css index 141f2873..64ef1cb6 100644 --- a/src/containers/ListingPage/ListingPage.css +++ b/src/containers/ListingPage/ListingPage.css @@ -191,16 +191,23 @@ .contentContainer { @media (--viewportMedium) { - max-width: 1280px; + max-width: 1056px; margin: 0 auto; - padding: 0 60px; + padding: 0 24px; display: flex; position: relative; } @media (--viewportLarge) { + max-width: 1128px; + padding: 0 36px; margin: 0 auto 117px; } + + @media (--viewportXLarge) { + max-width: 1056px; + padding: 0; + } } .mainContent { @@ -219,6 +226,7 @@ /* contentContainer's full width - (bookingColumn + two paddings + margin + border) */ flex-basis: calc(100% - 493px); flex-shrink: 0; + flex-grow: 1; } } @@ -232,7 +240,6 @@ border-left-color: var(--matterColorNegative); padding-left: 60px; - padding-right: 60px; /* The calendar needs 312px */ flex-basis: 312px; From d347ba5cf481e54a4f14e06091de7fd22c895fed Mon Sep 17 00:00:00 2001 From: Jenni Nurmi Date: Fri, 1 Feb 2019 14:28:07 +0200 Subject: [PATCH 2/4] Side navigation matches footer --- .../EditListingAvailabilityPanel.css | 3 ++- .../EditListingDescriptionPanel.css | 3 ++- .../EditListingFeaturesPanel.css | 3 ++- .../EditListingLocationPanel.css | 3 ++- .../EditListingPhotosPanel.css | 3 ++- .../EditListingPoliciesPanel.css | 3 ++- .../EditListingPricingPanel.css | 3 ++- .../EditListingWizard/EditListingWizard.css | 13 ++----------- .../LayoutSideNavigation/LayoutSideNavigation.css | 6 +----- .../LayoutWrapperSideNav/LayoutWrapperSideNav.css | 8 ++------ src/components/TabNav/TabNav.css | 12 ++++++------ .../ContactDetailsPage/ContactDetailsPage.css | 9 ++------- src/containers/InboxPage/InboxPage.css | 10 +++------- .../PasswordChangePage/PasswordChangePage.css | 7 +------ .../PayoutPreferencesPage/PayoutPreferencesPage.css | 7 +------ .../PrivacyPolicyPage/PrivacyPolicyPage.css | 2 +- src/containers/ProfilePage/ProfilePage.css | 2 +- .../TermsOfServicePage/TermsOfServicePage.css | 2 +- 18 files changed, 35 insertions(+), 64 deletions(-) diff --git a/src/components/EditListingAvailabilityPanel/EditListingAvailabilityPanel.css b/src/components/EditListingAvailabilityPanel/EditListingAvailabilityPanel.css index 7f1247d1..65489ea3 100644 --- a/src/components/EditListingAvailabilityPanel/EditListingAvailabilityPanel.css +++ b/src/components/EditListingAvailabilityPanel/EditListingAvailabilityPanel.css @@ -19,6 +19,7 @@ @media (--viewportLarge) { .title { - margin-bottom: 44px; + margin-bottom: 38px; + padding: 1px 0 7px 0; } } diff --git a/src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css b/src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css index 580c779a..9cb78b32 100644 --- a/src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css +++ b/src/components/EditListingDescriptionPanel/EditListingDescriptionPanel.css @@ -17,6 +17,7 @@ margin-bottom: 19px; @media (--viewportLarge) { - margin-bottom: 44px; + margin-bottom: 38px; + padding: 1px 0 7px 0; } } diff --git a/src/components/EditListingFeaturesPanel/EditListingFeaturesPanel.css b/src/components/EditListingFeaturesPanel/EditListingFeaturesPanel.css index 580c779a..9cb78b32 100644 --- a/src/components/EditListingFeaturesPanel/EditListingFeaturesPanel.css +++ b/src/components/EditListingFeaturesPanel/EditListingFeaturesPanel.css @@ -17,6 +17,7 @@ margin-bottom: 19px; @media (--viewportLarge) { - margin-bottom: 44px; + margin-bottom: 38px; + padding: 1px 0 7px 0; } } diff --git a/src/components/EditListingLocationPanel/EditListingLocationPanel.css b/src/components/EditListingLocationPanel/EditListingLocationPanel.css index 580c779a..9cb78b32 100644 --- a/src/components/EditListingLocationPanel/EditListingLocationPanel.css +++ b/src/components/EditListingLocationPanel/EditListingLocationPanel.css @@ -17,6 +17,7 @@ margin-bottom: 19px; @media (--viewportLarge) { - margin-bottom: 44px; + margin-bottom: 38px; + padding: 1px 0 7px 0; } } diff --git a/src/components/EditListingPhotosPanel/EditListingPhotosPanel.css b/src/components/EditListingPhotosPanel/EditListingPhotosPanel.css index bd704afd..05fa6f2d 100644 --- a/src/components/EditListingPhotosPanel/EditListingPhotosPanel.css +++ b/src/components/EditListingPhotosPanel/EditListingPhotosPanel.css @@ -44,6 +44,7 @@ margin-bottom: 19px; @media (--viewportLarge) { - margin-bottom: 47px; + margin-bottom: 38px; + padding: 1px 0 7px 0; } } diff --git a/src/components/EditListingPoliciesPanel/EditListingPoliciesPanel.css b/src/components/EditListingPoliciesPanel/EditListingPoliciesPanel.css index 580c779a..9cb78b32 100644 --- a/src/components/EditListingPoliciesPanel/EditListingPoliciesPanel.css +++ b/src/components/EditListingPoliciesPanel/EditListingPoliciesPanel.css @@ -17,6 +17,7 @@ margin-bottom: 19px; @media (--viewportLarge) { - margin-bottom: 44px; + margin-bottom: 38px; + padding: 1px 0 7px 0; } } diff --git a/src/components/EditListingPricingPanel/EditListingPricingPanel.css b/src/components/EditListingPricingPanel/EditListingPricingPanel.css index f78ec93d..0d862146 100644 --- a/src/components/EditListingPricingPanel/EditListingPricingPanel.css +++ b/src/components/EditListingPricingPanel/EditListingPricingPanel.css @@ -17,7 +17,8 @@ margin-bottom: 19px; @media (--viewportMedium) { - margin-bottom: 44px; + margin-bottom: 38px; + padding: 1px 0 7px 0; } } diff --git a/src/components/EditListingWizard/EditListingWizard.css b/src/components/EditListingWizard/EditListingWizard.css index 85415243..ec06ef74 100644 --- a/src/components/EditListingWizard/EditListingWizard.css +++ b/src/components/EditListingWizard/EditListingWizard.css @@ -38,18 +38,13 @@ overflow-x: scroll; @media (--viewportLarge) { - padding: 126px 0 82px 15vw; + padding: 128px 0 82px calc((100% - 1056px) / 2 + 74px); flex-direction: column; overflow-x: auto; - background-color: var(--matterColorBright); box-shadow: none; border-top: none; } - - @media (--viewportXLarge) { - padding-left: 25vw; - } } .tab { @@ -85,14 +80,10 @@ flex-grow: 1; @media (--viewportLarge) { - padding: 82px 15vw 82px 82px; + padding: 88px calc((100% - 1056px) / 2 + 36px) 82px 82px; border-left: 1px solid var(--matterColorNegative); background-color: var(--matterColorLight); } - - @media (--viewportXLarge) { - padding-right: 25vw; - } } .payoutDetails { diff --git a/src/components/LayoutSideNavigation/LayoutSideNavigation.css b/src/components/LayoutSideNavigation/LayoutSideNavigation.css index 9ac7a229..1c3f5320 100644 --- a/src/components/LayoutSideNavigation/LayoutSideNavigation.css +++ b/src/components/LayoutSideNavigation/LayoutSideNavigation.css @@ -35,14 +35,10 @@ padding: 24px; @media (--viewportLarge) { - padding: 116px 15vw 82px 82px; + padding: 112px calc((100% - 1056px) / 2 + 36px) 82px 82px; background-color: var(--matterColorLight); border-left-width: 1px; border-left-style: solid; border-left-color: var(--matterColorNegative); } - - @media (--viewportXLarge) { - padding-right: 25vw; - } } diff --git a/src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css b/src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css index 3d60dc09..3472f5cd 100644 --- a/src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css +++ b/src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css @@ -14,17 +14,13 @@ box-shadow: var(--boxShadow); @media (--viewportLarge) { - padding: 112px 0 82px 15vw; + padding: 112px 0 82px calc((100% - 1056px) / 2 + 74px); flex-direction: column; justify-content: flex-start; border: none; box-shadow: none; background-color: transparent; } - - @media (--viewportXLarge) { - padding-left: 25vw; - } } .tabs { @@ -42,7 +38,7 @@ @media (--viewportLarge) { min-height: auto; flex-direction: column; - margin-top: 28px; + margin-top: 24px; padding-top: 0; } } diff --git a/src/components/TabNav/TabNav.css b/src/components/TabNav/TabNav.css index 18279bce..c51b64ec 100644 --- a/src/components/TabNav/TabNav.css +++ b/src/components/TabNav/TabNav.css @@ -10,7 +10,7 @@ since browsers support CSS Properties already. */ - --TabNav_linkWidth: 200px; + --TabNav_linkWidth: 240px; --TabNav_linkBorderWidth: 4px; } @@ -59,13 +59,13 @@ } @media (--viewportLarge) { - border-bottom-width: 0px; - margin-bottom: 14px; width: var(--TabNav_linkWidth); - - /* Remove mobile (horizontally aligned) nav styling */ - padding-top: 0; + border-bottom-width: 0px; margin-top: 0; + margin-bottom: 16px; + + padding-top: 6px; /* Drop the text to adjust it to correct baseline */ + padding-bottom: 2px; &:hover { background-image: url("data:image/svg+xml;utf8,"); diff --git a/src/containers/ContactDetailsPage/ContactDetailsPage.css b/src/containers/ContactDetailsPage/ContactDetailsPage.css index cdb535bf..e59bc5fc 100644 --- a/src/containers/ContactDetailsPage/ContactDetailsPage.css +++ b/src/containers/ContactDetailsPage/ContactDetailsPage.css @@ -17,15 +17,10 @@ } .title { - margin-top: 4px; + margin-top: 8px; margin-bottom: 19px; @media (--viewportMedium) { - margin-top: 2px; - margin-bottom: 47px; - } - - @media (--viewportLarge) { - margin-top: 4px; + margin-bottom: 48px; } } diff --git a/src/containers/InboxPage/InboxPage.css b/src/containers/InboxPage/InboxPage.css index 6110de9b..90b35637 100644 --- a/src/containers/InboxPage/InboxPage.css +++ b/src/containers/InboxPage/InboxPage.css @@ -53,17 +53,13 @@ } @media (--viewportLarge) { - padding: 113px 0 82px 15vw; + padding: 113px 0 82px calc((100% - 1056px) / 2 + 74px); flex-direction: column; justify-content: flex-start; border: none; box-shadow: none; background-color: transparent; } - - @media (--viewportXLarge) { - padding-left: 25vw; - } } .title { @@ -180,8 +176,8 @@ } @media (--viewportLarge) { - margin-bottom: 21px; - padding-bottom: 18px; + margin-bottom: 24px; + padding-bottom: 15px; } } diff --git a/src/containers/PasswordChangePage/PasswordChangePage.css b/src/containers/PasswordChangePage/PasswordChangePage.css index cdb535bf..c39b6814 100644 --- a/src/containers/PasswordChangePage/PasswordChangePage.css +++ b/src/containers/PasswordChangePage/PasswordChangePage.css @@ -17,15 +17,10 @@ } .title { - margin-top: 4px; + margin-top: 8px; margin-bottom: 19px; @media (--viewportMedium) { - margin-top: 2px; margin-bottom: 47px; } - - @media (--viewportLarge) { - margin-top: 4px; - } } diff --git a/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.css b/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.css index cdb535bf..c39b6814 100644 --- a/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.css +++ b/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.css @@ -17,15 +17,10 @@ } .title { - margin-top: 4px; + margin-top: 8px; margin-bottom: 19px; @media (--viewportMedium) { - margin-top: 2px; margin-bottom: 47px; } - - @media (--viewportLarge) { - margin-top: 4px; - } } diff --git a/src/containers/PrivacyPolicyPage/PrivacyPolicyPage.css b/src/containers/PrivacyPolicyPage/PrivacyPolicyPage.css index 730f0954..f47f71b0 100644 --- a/src/containers/PrivacyPolicyPage/PrivacyPolicyPage.css +++ b/src/containers/PrivacyPolicyPage/PrivacyPolicyPage.css @@ -4,7 +4,7 @@ margin: 5px 0 18px 0; @media (--viewportMedium) { - margin: 2px 0 23px 0; + margin: 8px 0 24px 0; } } diff --git a/src/containers/ProfilePage/ProfilePage.css b/src/containers/ProfilePage/ProfilePage.css index 64b24a9b..c21cfa45 100644 --- a/src/containers/ProfilePage/ProfilePage.css +++ b/src/containers/ProfilePage/ProfilePage.css @@ -79,7 +79,7 @@ @media (--viewportLarge) { display: block; - margin: 4px 0 23px 0; + margin: 2px 0 24px 0; } } diff --git a/src/containers/TermsOfServicePage/TermsOfServicePage.css b/src/containers/TermsOfServicePage/TermsOfServicePage.css index 730f0954..f47f71b0 100644 --- a/src/containers/TermsOfServicePage/TermsOfServicePage.css +++ b/src/containers/TermsOfServicePage/TermsOfServicePage.css @@ -4,7 +4,7 @@ margin: 5px 0 18px 0; @media (--viewportMedium) { - margin: 2px 0 23px 0; + margin: 8px 0 24px 0; } } From 41fac4000b0a9d2e6c7b32adae126c3840f97ede Mon Sep 17 00:00:00 2001 From: Jenni Nurmi Date: Wed, 6 Feb 2019 10:04:49 +0200 Subject: [PATCH 3/4] Add two new custom breakpoints --- .../EditListingWizard/EditListingWizard.css | 12 ++++++++++-- .../LayoutSideNavigation/LayoutSideNavigation.css | 10 +++++++++- .../LayoutWrapperSideNav/LayoutWrapperSideNav.css | 6 +++++- src/components/TopbarDesktop/TopbarDesktop.css | 8 ++++---- src/containers/InboxPage/InboxPage.css | 5 ++++- .../ManageAvailabilityCalendar.css | 2 +- src/marketplace.css | 2 ++ 7 files changed, 35 insertions(+), 10 deletions(-) diff --git a/src/components/EditListingWizard/EditListingWizard.css b/src/components/EditListingWizard/EditListingWizard.css index ec06ef74..2c1ed4c0 100644 --- a/src/components/EditListingWizard/EditListingWizard.css +++ b/src/components/EditListingWizard/EditListingWizard.css @@ -38,13 +38,17 @@ overflow-x: scroll; @media (--viewportLarge) { - padding: 128px 0 82px calc((100% - 1056px) / 2 + 74px); + padding: 128px 0 82px 36px; flex-direction: column; overflow-x: auto; background-color: var(--matterColorBright); box-shadow: none; border-top: none; } + + @media (--viewportLargeWithPaddings) { + padding: 128px 0 82px calc((100% - 1056px) / 2); + } } .tab { @@ -80,10 +84,14 @@ flex-grow: 1; @media (--viewportLarge) { - padding: 88px calc((100% - 1056px) / 2 + 36px) 82px 82px; + padding: 88px 36px 82px 59px; border-left: 1px solid var(--matterColorNegative); background-color: var(--matterColorLight); } + + @media (--viewportLargeWithPaddings) { + padding: 88px calc((100% - 1056px) / 2) 82px 59px; + } } .payoutDetails { diff --git a/src/components/LayoutSideNavigation/LayoutSideNavigation.css b/src/components/LayoutSideNavigation/LayoutSideNavigation.css index 1c3f5320..7ca138c1 100644 --- a/src/components/LayoutSideNavigation/LayoutSideNavigation.css +++ b/src/components/LayoutSideNavigation/LayoutSideNavigation.css @@ -35,10 +35,18 @@ padding: 24px; @media (--viewportLarge) { - padding: 112px calc((100% - 1056px) / 2 + 36px) 82px 82px; + /** + * Calculate right padding to match Footer right border + * and left padding together with border should be 60px. + */ + padding: 112px 36px 82px 59px; background-color: var(--matterColorLight); border-left-width: 1px; border-left-style: solid; border-left-color: var(--matterColorNegative); } + + @media (--viewportLargeWithPaddings) { + padding: 112px calc((100% - 1056px) / 2) 82px 59px; + } } diff --git a/src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css b/src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css index 3472f5cd..cc071ae2 100644 --- a/src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css +++ b/src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css @@ -14,13 +14,17 @@ box-shadow: var(--boxShadow); @media (--viewportLarge) { - padding: 112px 0 82px calc((100% - 1056px) / 2 + 74px); + padding: 112px 0 82px 36px; flex-direction: column; justify-content: flex-start; border: none; box-shadow: none; background-color: transparent; } + + @media (--viewportLargeWithPaddings) { + padding: 112px 0 82px calc((100% - 1056px) / 2); + } } .tabs { diff --git a/src/components/TopbarDesktop/TopbarDesktop.css b/src/components/TopbarDesktop/TopbarDesktop.css index 82674132..93729a89 100644 --- a/src/components/TopbarDesktop/TopbarDesktop.css +++ b/src/components/TopbarDesktop/TopbarDesktop.css @@ -55,7 +55,7 @@ /* shadows */ box-shadow: var(--boxShadowLight); - @media (min-width: 1024px) { + @media (--viewportLarge) { padding: 0 24px 0 0; } } @@ -67,7 +67,7 @@ padding: 21px 24px 21px 24px; height: 100%; - @media (min-width: 1024px) { + @media (--viewportLarge) { padding: 21px 36px 21px 36px; } } @@ -93,7 +93,7 @@ border-left-width: 1px; border-left-color: var(--matterColorNegative); - @media (min-width: 1024px) { + @media (--viewportLarge) { padding-left: 0; } } @@ -108,7 +108,7 @@ padding-left: 24px; height: var(--topbarHeightDesktop); - @media (min-width: 1024px) { + @media (--viewportLarge) { padding-left: 34px; } } diff --git a/src/containers/InboxPage/InboxPage.css b/src/containers/InboxPage/InboxPage.css index 90b35637..c18a8d22 100644 --- a/src/containers/InboxPage/InboxPage.css +++ b/src/containers/InboxPage/InboxPage.css @@ -53,13 +53,16 @@ } @media (--viewportLarge) { - padding: 113px 0 82px calc((100% - 1056px) / 2 + 74px); + padding: 113px 0 82px 36px; flex-direction: column; justify-content: flex-start; border: none; box-shadow: none; background-color: transparent; } + @media (--viewportLargeWithPaddings) { + padding: 113px 0 82px calc((100% - 1056px) / 2); + } } .title { diff --git a/src/forms/EditListingAvailabilityForm/ManageAvailabilityCalendar.css b/src/forms/EditListingAvailabilityForm/ManageAvailabilityCalendar.css index 949084ed..15bf9c76 100644 --- a/src/forms/EditListingAvailabilityForm/ManageAvailabilityCalendar.css +++ b/src/forms/EditListingAvailabilityForm/ManageAvailabilityCalendar.css @@ -322,7 +322,7 @@ margin: 0; } -@media (min-width: 550px) { +@media (--viewportSmall) { /* day aka table cell content should have bigger paddings when there's more space */ .day { padding: 16px; diff --git a/src/marketplace.css b/src/marketplace.css index 7cb6c243..853873da 100644 --- a/src/marketplace.css +++ b/src/marketplace.css @@ -569,6 +569,8 @@ /* ================ Custom media queries ================ */ +@custom-media --viewportSmall (min-width: 550px); @custom-media --viewportMedium (min-width: 768px); @custom-media --viewportLarge (min-width: 1024px); +@custom-media --viewportLargeWithPaddings (min-width: 1128px); @custom-media --viewportXLarge (min-width: 1921px); From 3b2bc6bb26fbd971e26c08cf0c057cde29ace033 Mon Sep 17 00:00:00 2001 From: Jenni Nurmi Date: Tue, 5 Feb 2019 15:25:45 +0200 Subject: [PATCH 4/4] Update changelog --- CHANGELOG.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6f71e81c..023b1ee6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -14,6 +14,10 @@ way to update this template, but currently, we follow a pattern: ## Upcoming version 2019-XX-XX +- [fix] Small changes in CSS files in order to match content width with the footer in pages where + the footer is visible. Also, make side layout (used e.g. in `TermsOfServicePage`, `InboxPage`, + `ContactDetailsPage`) align width footer better. Check responsive layouts carefulle after taking + update from upstream. [#1090](https://github.com/sharetribe/flex-template-web/pull/1019) - [add] This adds an example how user-generated content could be sanitized. If you have extended data you should consider if sanitization is needed for that. [#1023](https://github.com/sharetribe/flex-template-web/pull/1023)