From c413509dcb769f927a98f221810498e97edf69d9 Mon Sep 17 00:00:00 2001 From: Amir Sarabadani Date: Mon, 24 Jun 2024 16:20:43 +0200 Subject: [PATCH] Footer: Add styles for buttons What: Add styles for the footer buttons that reduces the padding from 15px to 8px on each side and adds an explicit background color. Why: This makes it follow the design spec outlines in T256190#9770626 and fixes showing the buttons in the dark mode T256190#9900443 Bug: T256190 Change-Id: Iae144d554b5023fd3589ea29ae2d3c57c17e679f --- .../skins.vector.styles.legacy/components/Footer.less | 8 ++++++++ resources/skins.vector.styles/components/Footer.less | 8 ++++++++ 2 files changed, 16 insertions(+) diff --git a/resources/skins.vector.styles.legacy/components/Footer.less b/resources/skins.vector.styles.legacy/components/Footer.less index 7fc4cdbfb..5ffac4bd9 100644 --- a/resources/skins.vector.styles.legacy/components/Footer.less +++ b/resources/skins.vector.styles.legacy/components/Footer.less @@ -25,6 +25,14 @@ line-height: @line-height-footer-buttons; text-align: right; } + + // Design spec for footer buttons: T256190#9770626 + a { + padding-left: @spacing-50; + padding-right: @spacing-50; + // Don't use variable for background color, it will get reverted in dark mode. + background-color: #f8f9fa; + } } #footer-info { diff --git a/resources/skins.vector.styles/components/Footer.less b/resources/skins.vector.styles/components/Footer.less index 599c0f349..390e9e918 100644 --- a/resources/skins.vector.styles/components/Footer.less +++ b/resources/skins.vector.styles/components/Footer.less @@ -31,6 +31,14 @@ line-height: @line-height-footer-buttons; text-align: right; } + + // Design spec for footer buttons: T256190#9770626 + a { + padding-left: @spacing-50; + padding-right: @spacing-50; + // Don't use variable for background color, it will get reverted in dark mode. + background-color: #f8f9fa; + } } #footer-info {