Source code
Revision control
Copy as Markdown
Other Tools
/* 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
#tab-preview-panel {
--panel-width: 280px;
--panel-padding: 0;
/* stylelint-disable-next-line media-query-no-invalid */
@media not -moz-pref("browser.tabs.notes.enabled") {
pointer-events: none;
}
}
.tab-preview-text-container {
padding: var(--space-small);
}
.tab-preview-title {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-weight: var(--heading-font-weight);
}
.tab-preview-uri {
color: var(--text-color-deemphasized);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tab-preview-pid-activeness {
color: var(--text-color-deemphasized);
display: flex;
justify-content: space-between;
}
.tab-preview-thumbnail-container {
width: 264px;
margin: 0 auto var(--space-small);
overflow: hidden;
&.hide-thumbnail {
display: none;
}
@media (width < 640px) {
display: none;
}
> canvas {
display: block;
width: 100%;
animation: tab-hover-preview-fadein 0.2s ease;
border: 1px solid var(--border-color-deemphasized);
border-radius: var(--border-radius-medium);
box-sizing: border-box;
}
}
.tab-note-text-container:not(:empty) {
font: menu;
margin: 0 var(--space-large) var(--space-large);
}
.tab-preview-add-note {
--box-border-color: transparent;
--box-padding: var(--space-medium);
margin: 0 var(--space-small) var(--space-small);
&[hidden] {
display: none;
}
}
@keyframes tab-hover-preview-fadein {
from {
opacity: 0;
}
to {
opacity: 100;
}
}
#tabgroup-panel-content {
max-width: var(--menuitem-max-width);
& toolbarbutton.active-tab {
font-weight: var(--font-weight-semibold);
}
}