From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Fri, 19 Apr 2024 02:47:55 +0200 Subject: Adding upstream version 124.0.1. Signed-off-by: Daniel Baumann --- .../components/shopping/content/recommended-ad.css | 59 ++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 browser/components/shopping/content/recommended-ad.css (limited to 'browser/components/shopping/content/recommended-ad.css') diff --git a/browser/components/shopping/content/recommended-ad.css b/browser/components/shopping/content/recommended-ad.css new file mode 100644 index 0000000000..20f0775ce0 --- /dev/null +++ b/browser/components/shopping/content/recommended-ad.css @@ -0,0 +1,59 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#recommended-ad-wrapper { + display: flex; + flex-direction: column; + gap: 8px; + text-decoration: none; + color: var(--in-content-text-color); +} + +#recommended-ad-wrapper:hover { + cursor: pointer; +} + +#recommended-ad-wrapper:hover #ad-title { + text-decoration: underline; + color: var(--link-color-hover); +} + +#recommended-ad-wrapper:focus-visible { + outline-offset: 4px; + border-radius: 1px; +} + +#ad-content { + display: flex; + justify-content: space-between; + gap: 12px; + height: 80px; +} + +#ad-preview-image { + max-width: 80px; + max-height: 80px; +} + +#ad-title { + overflow: hidden; + text-overflow: ellipsis; + height: fit-content; + display: -webkit-box; + -webkit-line-clamp: 4; + -webkit-box-orient: vertical; + /* This text won't be localized and when in RTL, the ellipsis is positioned + awkwardly so we are forcing LTR */ + direction: ltr; +} + +#price { + font-size: 1em; + font-weight: 600; +} + +#footer { + display: flex; + justify-content: space-between; +} -- cgit v1.2.3