Small tab preview changes

This commit is contained in:
mauro-balades
2024-03-30 02:04:27 +01:00
parent 70a13cb0f1
commit ef1cdefa30
6 changed files with 99 additions and 5 deletions

View File

@@ -1,5 +1,5 @@
diff --git a/browser/components/controlcenter/content/protectionsPanel.inc.xhtml b/browser/components/controlcenter/content/protectionsPanel.inc.xhtml
index 29927139181e40fa9779038f996a08a2afc6f76b..60189b023e12fdbfe17bea5a28c34de6e54a3b7d 100644
index 29927139181e40fa9779038f996a08a2afc6f76b..ddb95da98de6aba014d69f040aabe6b311fb6772 100644
--- a/browser/components/controlcenter/content/protectionsPanel.inc.xhtml
+++ b/browser/components/controlcenter/content/protectionsPanel.inc.xhtml
@@ -8,6 +8,7 @@
@@ -10,3 +10,21 @@ index 29927139181e40fa9779038f996a08a2afc6f76b..60189b023e12fdbfe17bea5a28c34de6
aria-labelledby="protections-popup-main-header-label"
onpopupshown="gProtectionsHandler.onPopupShown(event);ReportBrokenSite.updateParentMenu(event)"
onpopuphidden="gProtectionsHandler.onPopupHidden(event);"
@@ -28,7 +29,7 @@
<html:span id="protections-popup-mainView-panel-header-span"/>
</html:h1>
<toolbarbutton id="protections-popup-info-button" class="panel-info-button"
- data-l10n-id="protections-panel-etp-more-info">
+ data-l10n-id="protections-panel-etp-more-info" checked="">
<image/>
</toolbarbutton>
<description id="protections-popup-toast-panel-tp-on-desc" data-l10n-id="protections-panel-etp-on-header"></description>
@@ -36,7 +37,7 @@
</box>
<toolbarseparator></toolbarseparator>
- <html:div id="messaging-system-message-container" disabled="true">
+ <html:div id="messaging-system-message-container">
<!-- Messaging System Messages will render in this container -->
</html:div>
</vbox>

View File

@@ -0,0 +1,50 @@
diff --git a/browser/components/tabpreview/tabpreview.css b/browser/components/tabpreview/tabpreview.css
index 8b288cb95da0e5fe307437e300d2c03ae19ab397..93827f8088fc21db201f69aee1517a5125b83704 100644
--- a/browser/components/tabpreview/tabpreview.css
+++ b/browser/components/tabpreview/tabpreview.css
@@ -3,9 +3,9 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
.tab-preview-container {
- background-color: #ffffff;
+ background-color: #fdfdfd;
color: #15141a;
- border-radius: 9px;
+ border-radius: 5px;
display: inline-block;
width: 280px;
overflow: hidden;
@@ -38,7 +38,7 @@
@media (prefers-color-scheme: dark) {
.tab-preview-container {
- background-color: #42414d;
+ background-color: #333237;
color: #fbfbfe;
}
.tab-preview-uri {
@@ -61,3 +61,24 @@
display: none;
}
}
+
+/**
+ * Zen overrides (try to avoid git conflicts as much as possible)
+ */
+
+.tab-preview-container {
+ --zen-border-color: #bdbcbc;
+ border: 2px solid var(--zen-border-color);
+ box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+}
+
+@media (prefers-color-scheme: dark) {
+ .tab-preview-container {
+ --zen-border-color: #565656;
+ }
+}
+
+.tab-preview-thumbnail-container img,
+.tab-preview-thumbnail-container canvas {
+ border-top: 2px solid var(--zen-border-color);
+}

View File

@@ -0,0 +1,13 @@
diff --git a/browser/components/tabpreview/tabpreview.mjs b/browser/components/tabpreview/tabpreview.mjs
index 5256ab22ff3a79d9c020dac2ce375f5e42f9c13c..40b278b294740d96fedba7509ba12c6efa241b46 100644
--- a/browser/components/tabpreview/tabpreview.mjs
+++ b/browser/components/tabpreview/tabpreview.mjs
@@ -44,7 +44,7 @@ export default class TabPreview extends MozLitElement {
this,
"_prefDisplayThumbnail",
TAB_PREVIEW_USE_THUMBNAILS_PREF,
- false
+ true
);
}