mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-15 04:33:54 +02:00
44 lines
1.3 KiB
CSS
44 lines
1.3 KiB
CSS
#tab-preview-panel {
|
|
/* Removes default background color of panel, below tab title */
|
|
--panel-background: none !important;
|
|
|
|
/* Removes shadow in the margin area (dunno if actually does something, or it's just my imagination) */
|
|
--panel-shadow-margin: none !important;
|
|
|
|
/* Removes border between tab title & tab preview image */
|
|
--arrowpanel-border-color: transparent;
|
|
|
|
/* Matches Zen main background color, also supports gradients */
|
|
background: var(--zen-main-browser-background) !important;
|
|
|
|
/* Matches Zen panel radius */
|
|
border-radius: var(--zen-panel-radius);
|
|
|
|
/* Shifts panel to the slightly right */
|
|
/* TODO: Make customizable */
|
|
margin-left: 0.5em !important;
|
|
}
|
|
|
|
.tab-preview-thumbnail-container {
|
|
/* Fixes proper tab preview image sizing */
|
|
&:has(canvas) {
|
|
/* TODO: Make optional */
|
|
padding: var(--zen-element-separation);
|
|
|
|
/* Hide border above preview */
|
|
border-top: none !important;
|
|
|
|
/* Shrink preview to match added padding */
|
|
/* TODO: Make optional with padding as well */
|
|
width: calc(var(--panel-width) - (var(--zen-element-separation) * 2)) px !important;
|
|
height: unset !important;
|
|
|
|
/* Some safety code to maintain aspect ratio */
|
|
aspect-ratio: 2 / 1 !important;
|
|
}
|
|
|
|
canvas {
|
|
/* Makes tab preview image rounded */
|
|
border-radius: var(--zen-panel-radius) !important;
|
|
}
|
|
}
|