summaryrefslogtreecommitdiffstats
path: root/browser/components/tabpreview/tabpreview.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /browser/components/tabpreview/tabpreview.css
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'browser/components/tabpreview/tabpreview.css')
-rw-r--r--browser/components/tabpreview/tabpreview.css63
1 files changed, 63 insertions, 0 deletions
diff --git a/browser/components/tabpreview/tabpreview.css b/browser/components/tabpreview/tabpreview.css
new file mode 100644
index 0000000000..8b288cb95d
--- /dev/null
+++ b/browser/components/tabpreview/tabpreview.css
@@ -0,0 +1,63 @@
+/* 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/. */
+
+.tab-preview-container {
+ background-color: #ffffff;
+ color: #15141a;
+ border-radius: 9px;
+ display: inline-block;
+ width: 280px;
+ overflow: hidden;
+ line-height: 1.5;
+}
+
+.tab-preview-title {
+ max-height: 3em;
+ overflow: hidden;
+ font-weight: 600;
+}
+
+.tab-preview-uri {
+ color: #4a4b49;
+ max-height: 1.5em;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.tab-preview-text-container {
+ padding: 8px;
+}
+
+.tab-preview-thumbnail-container img,
+.tab-preview-thumbnail-container canvas {
+ display: block;
+ width: 100%;
+}
+
+@media (prefers-color-scheme: dark) {
+ .tab-preview-container {
+ background-color: #42414d;
+ color: #fbfbfe;
+ }
+ .tab-preview-uri {
+ color: #cfcfd8;
+ }
+}
+
+@media (prefers-contrast) {
+ .tab-preview-container {
+ background-color: Canvas;
+ color: CanvasText;
+ }
+ .tab-preview-uri {
+ color: CanvasText;
+ }
+}
+
+@media (max-width: 640px) {
+ .tab-preview-thumbnail-container {
+ display: none;
+ }
+}