From 22dd20b07e1818cdbc248c54dba21b0edcb3abf0 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Mon, 21 Mar 2022 12:29:43 +0900
Subject: [PATCH] Add: Option - Megabar css tweaks #348

---
 src/padding/_index.scss                    |  6 ++++++
 src/padding/_urlview_expanding.scss        | 16 ++++++++++++++++
 src/padding/_urlview_result.scss           |  8 ++++++++
 src/urlview/_always_show_page_actions.scss |  3 +++
 src/urlview/_go_button_when_typing.scss    |  3 +++
 src/urlview/_index.scss                    | 14 ++++++++++++++
 src/urlview/_move_icon_to_left.scss        | 10 ++++++++++
 src/userChrome.scss                        |  3 +++
 user.js                                    |  7 +++++++
 9 files changed, 70 insertions(+)
 create mode 100644 src/padding/_urlview_expanding.scss
 create mode 100644 src/padding/_urlview_result.scss
 create mode 100644 src/urlview/_always_show_page_actions.scss
 create mode 100644 src/urlview/_go_button_when_typing.scss
 create mode 100644 src/urlview/_index.scss
 create mode 100644 src/urlview/_move_icon_to_left.scss

diff --git a/src/padding/_index.scss b/src/padding/_index.scss
index b1f0bf5..2221c46 100644
--- a/src/padding/_index.scss
+++ b/src/padding/_index.scss
@@ -45,6 +45,12 @@
 @include Option("userChrome.padding.urlbar") {
   @import "url_bar";
 }
+@include Option("userChrome.padding.urlView_expanding") {
+  @import "urlview_expanding";
+}
+@include Option("userChrome.padding.urlView_result") {
+  @import "urlview_result";
+}
 
 /*= BookMark Bar - Reduce Height =============================================*/
 @include Option("userChrome.padding.bookmarkbar") {
diff --git a/src/padding/_urlview_expanding.scss b/src/padding/_urlview_expanding.scss
new file mode 100644
index 0000000..b2481eb
--- /dev/null
+++ b/src/padding/_urlview_expanding.scss
@@ -0,0 +1,16 @@
+#urlbar[breakout][breakout-extend] {
+  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
+  left: 0 !important;
+  width: 100% !important;
+}
+
+#urlbar[breakout][breakout-extend] > #urlbar-input-container {
+  height: var(--urlbar-height) !important;
+  padding-block: 0 !important;
+  padding-inline: 0 !important;
+}
+
+#urlbar[breakout][breakout-extend] > #urlbar-background {
+  animation-name: none !important;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, .05) !important;
+}
diff --git a/src/padding/_urlview_result.scss b/src/padding/_urlview_result.scss
new file mode 100644
index 0000000..55f6920
--- /dev/null
+++ b/src/padding/_urlview_result.scss
@@ -0,0 +1,8 @@
+.urlbarView {
+  margin-inline: 0 !important;
+  width: 100% !important;
+}
+
+.urlbarView-row {
+  padding-block: 0 !important;
+}
diff --git a/src/urlview/_always_show_page_actions.scss b/src/urlview/_always_show_page_actions.scss
new file mode 100644
index 0000000..11ba6c6
--- /dev/null
+++ b/src/urlview/_always_show_page_actions.scss
@@ -0,0 +1,3 @@
+#pageActionButton {
+  display: block !important;
+}
diff --git a/src/urlview/_go_button_when_typing.scss b/src/urlview/_go_button_when_typing.scss
new file mode 100644
index 0000000..9358205
--- /dev/null
+++ b/src/urlview/_go_button_when_typing.scss
@@ -0,0 +1,3 @@
+#urlbar-input-container[pageproxystate="invalid"] #urlbar-go-button {
+  display: block !important;
+}
diff --git a/src/urlview/_index.scss b/src/urlview/_index.scss
new file mode 100644
index 0000000..bfb6922
--- /dev/null
+++ b/src/urlview/_index.scss
@@ -0,0 +1,14 @@
+/*= Url View - Move icon to left =============================================*/
+@include Option("userChrome.urlView.move_icon_to_left") {
+  @import "move_icon_to_left";
+}
+
+/*= Url View - Go button when typing =========================================*/
+@include Option("userChrome.urlView.go_button_when_typing") {
+  @import "go_button_when_typing";
+}
+
+/*= Url View - Always show page actions ======================================*/
+@include Option("userChrome.urlView.always_show_page_actions") {
+  @import "always_show_page_actions";
+}
diff --git a/src/urlview/_move_icon_to_left.scss b/src/urlview/_move_icon_to_left.scss
new file mode 100644
index 0000000..27ddfb3
--- /dev/null
+++ b/src/urlview/_move_icon_to_left.scss
@@ -0,0 +1,10 @@
+.urlbarView-type-icon {
+  min-width: 16px !important;
+  height: 16px !important;
+  margin-bottom: 0 !important;
+  margin-inline-start: 0 !important;
+}
+
+.urlbarView-favicon {
+  margin-inline-start: 20px !important;
+}
diff --git a/src/userChrome.scss b/src/userChrome.scss
index 42affaa..23dc40e 100644
--- a/src/userChrome.scss
+++ b/src/userChrome.scss
@@ -53,6 +53,9 @@
 /** Tab Bar UI ****************************************************************/
 @import "tabbar/index";
 
+/** Url View UI ***************************************************************/
+@import "urlview/index";
+
 /** Fullscreen - Overlap toolbar **********************************************/
 @include Option("userChrome.fullscreen.overlap") {
   @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
diff --git a/user.js b/user.js
index 041a65b..ba936ce 100644
--- a/user.js
+++ b/user.js
@@ -55,6 +55,13 @@ user_pref("userChrome.tab.bottom_rounded_corner",      true);
 // user_pref("userChrome.padding.first_tab",        true);
 // user_pref("userChrome.padding.drag_space",       true);
 
+// user_pref("userChrome.padding.urlView_expanding", true);
+// user_pref("userChrome.padding.urlView_result",    true);
+
+// user_pref("userChrome.urlView.move_icon_to_left",        true);
+// user_pref("userChrome.urlView.go_button_when_typing",    true);
+// user_pref("userChrome.urlView.always_show_page_actions", true);
+
 // user_pref("userChrome.tab.always_show_tab_icon",              true);
 // user_pref("userChrome.tab.always_show_close_button_at_hover", true); // Need close_button_at_hover
 // user_pref("userChrome.tab.sound_show_label",                  true); // Need remove sound_hide_label