File _service:extract_file:megabar.patch of Package LibreWolf

Overview Repositories Revisions Requests Users Attributes Meta

File _service:extract_file:megabar.patch of Package LibreWolf (Revision 34c7bd8aee13f498cea7c01a482757f3)

Currently displaying revision 34c7bd8aee13f498cea7c01a482757f3 , Show latest

diff --git a/browser/components/urlbar/UrlbarInput.jsm b/browser/components/urlbar/UrlbarInput.jsm
index 73d15df..99cc41b 100644
--- a/browser/components/urlbar/UrlbarInput.jsm
+++ b/browser/components/urlbar/UrlbarInput.jsm
@@ -1692,13 +1692,13 @@ class UrlbarInput {
 
     // Enable the animation only after the first extend call to ensure it
     // doesn't run when opening a new window.
-    if (!this.hasAttribute("breakout-extend-animate")) {
-      this.window.promiseDocumentFlushed(() => {
-        this.window.requestAnimationFrame(() => {
-          this.setAttribute("breakout-extend-animate", "true");
-        });
-      });
-    }
+    // if (!this.hasAttribute("breakout-extend-animate")) {
+      // this.window.promiseDocumentFlushed(() => {
+        // this.window.requestAnimationFrame(() => {
+          // this.setAttribute("breakout-extend-animate", "true");
+        // });
+      // });
+    // }
   }
 
   endLayoutExtend() {
diff --git a/browser/themes/shared/urlbar-searchbar.inc.css b/browser/themes/shared/urlbar-searchbar.inc.css
index e9fde8b..6c4c444 100644
--- a/browser/themes/shared/urlbar-searchbar.inc.css
+++ b/browser/themes/shared/urlbar-searchbar.inc.css
@@ -5,7 +5,7 @@
 %endif
 
 %define fieldHoverBorderColor hsla(240,5%,5%,.35)
-%define urlbarMarginInline 5px
+%define urlbarMarginInline 0px
 %define urlbarSearchButtonWidth calc(16px + 2 * var(--urlbar-icon-padding))
 
 :root {
@@ -273,9 +273,9 @@
 }
 
 #urlbar[breakout][breakout-extend] {
-  top: -@urlbarBreakoutExtend@;
-  left: calc(-@urlbarMarginInline@ - @urlbarBreakoutExtend@);
-  width: calc(100% + 2 * @urlbarMarginInline@ + 2 * @urlbarBreakoutExtend@);
+  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2);
+  left: 0;
+  width: 100%;
 }
 
 @supports -moz-bool-pref("browser.proton.urlbar.enabled") {
@@ -288,7 +288,7 @@
 
 @supports not -moz-bool-pref("browser.proton.urlbar.enabled") {
 #urlbar[breakout][breakout-extend] > #urlbar-background {
-  box-shadow: 0 3px 8px 0 rgba(0,0,0,.15)
+  box-shadow: 0 1px 4px rgba(0,0,0,.05);
 }
 
 #urlbar[breakout][breakout-extend][open] > #urlbar-background {
@@ -297,9 +297,9 @@
 } /*** END !proton ***/
 
 #urlbar[breakout][breakout-extend] > #urlbar-input-container {
-  height: calc(var(--urlbar-toolbar-height) + 2 * @urlbarBreakoutExtend@);
-  padding-block: calc(@urlbarBreakoutExtend@ + (var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2);
-  padding-inline: calc(@urlbarMarginInline@ + @urlbarBreakoutExtend@);
+  height: var(--urlbar-height);
+  padding-block: 0;
+  padding-inline: 0;
 }
 
 @supports -moz-bool-pref("browser.proton.urlbar.enabled") {
@@ -325,7 +325,7 @@
 }
 
 #urlbar[breakout][breakout-extend] > #urlbar-background {
-  animation-name: urlbar-grow;
+  animation-name: none;
   animation-duration: 0s;
   animation-timing-function: var(--animation-easing-function);
 }
diff --git a/browser/themes/shared/urlbarView.inc.css b/browser/themes/shared/urlbarView.inc.css
index c6ce546..da00fac 100644
--- a/browser/themes/shared/urlbarView.inc.css
+++ b/browser/themes/shared/urlbarView.inc.css
@@ -74,8 +74,8 @@
   display: block;
   text-shadow: none;
   overflow: clip;
-  margin-inline: calc(5px + var(--urlbar-container-padding));
-  width: calc(100% - 2 * (5px + var(--urlbar-container-padding)));
+  margin-inline: 0;
+  width: 100%;
   /* Match urlbar-background's border. */
   border-inline: 1px solid transparent;
 }
@@ -115,7 +115,7 @@
   flex-wrap: nowrap;
   fill: currentColor;
   fill-opacity: .6;
-  padding-block: 3px;
+  padding-block: 0;
 }
 
 :root[uidensity=compact] .urlbarView-row {
@@ -280,6 +280,7 @@
   object-fit: contain;
   flex-shrink: 0;
   -moz-context-properties: fill, fill-opacity;
+  margin-inline-start: 20px;
 }
 
 @supports not -moz-bool-pref("browser.proton.urlbar.enabled") {
@@ -324,10 +325,10 @@
 
 .urlbarView-type-icon {
   position: absolute;
-  width: 12px;
-  height: 12px;
-  margin-bottom: -4px;
-  margin-inline-start: 8px;
+  width: 16px;
+  height: 16px;
+  margin-bottom: 0;
+  margin-inline-start: 0;
   align-self: end;
   background-repeat: no-repeat;
   background-size: contain;

Places

File _service:extract_file:megabar.patch of Package LibreWolf (Revision 34c7bd8aee13f498cea7c01a482757f3)

Places