tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

use class instead of id selector for urlbar-input elements

Browse Source 
See bug 1610530
This commit is contained in:
MrOtherGuy
2024-06-16 12:00:20 +03:00
parent 36e6c11242
commit 467a53ee72
11 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
chrome/button_effect_scale_onclick.css
View File

@@ -8,14 +8,14 @@ See the above repository for updates as well as full license text. */
.downloadIconShow > .button-box > .button-icon,
.menuitem-iconic .menu-iconic-icon,
#downloads-indicator-icon,
#urlbar-input-container [role="button"] image{
.urlbar-input-container [role="button"] image{
transition: transform 83ms linear !important;
}
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
transition: padding 83ms linear !important;
}
#urlbar-input-container [role="button"]:active image,
.urlbar-input-container [role="button"]:active image,
.tab-close-button:active,
.downloadIconShow:active > .button-box > .button-icon,
#downloads-button:active #downloads-indicator-icon,

6
chrome/button_effect_scale_onhover.css
View File

@@ -8,14 +8,14 @@ See the above repository for updates as well as full license text. */
.downloadIconShow > .button-box > .button-icon,
.menuitem-iconic .menu-iconic-icon,
#downloads-indicator-icon,
#urlbar-input-container [role="button"] image{
.urlbar-input-container [role="button"] image{
transition: transform 83ms linear !important;
}
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
transition: padding 83ms linear !important;
}
#urlbar-input-container [role="button"] image,
.urlbar-input-container [role="button"] image,
.tab-close-button,
.downloadIconShow > .button-box > .button-icon,
.unified-extensions-item-menu-button > .toolbarbutton-icon,
@@ -32,7 +32,7 @@ toolbarbutton#scrollbutton-down > .toolbarbutton-icon{ transform: scale(-0.8) !i
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
padding: calc(var(--toolbarbutton-inner-padding) + 2px) !important;
}
#urlbar-input-container [role="button"]:not([disabled]):hover image,
.urlbar-input-container [role="button"]:not([disabled]):hover image,
.tab-close-button:hover,
.downloadIconShow:hover > .button-box > .button-icon,
#downloads-button:not([disabled]):hover #downloads-indicator-icon,

6
chrome/click_selected_tab_to_focus_urlbar.css
View File

@@ -38,7 +38,7 @@ See the above repository for updates as well as full license text. */
pointer-events: auto
}
/* Invisible capture box behind tabs*/
:root:not([customizing]) #urlbar-input-container::before{
:root:not([customizing]) .urlbar-input-container::before{
position: fixed;
display: block;
left: 0;
@@ -48,11 +48,11 @@ See the above repository for updates as well as full license text. */
content: "";
pointer-events: auto;
}
:root[tabsintitlebar]:not([customizing]) #urlbar-input-container::before{
:root[tabsintitlebar]:not([customizing]) .urlbar-input-container::before{
left: var(--uc-window-drag-space-width);
width: calc(100vw - var(--uc-window-control-width) - var(--uc-buttons-width) - 2 * var(--uc-window-drag-space-width));
}
#urlbar-input-container:focus-within::before{ display: none !important; }
.urlbar-input-container:focus-within::before{ display: none !important; }
/* Make tabs appear over the invisible box */
:root:not([customizing]) #TabsToolbar-customization-target{

2
chrome/compact_urlbar_megabar.css
View File

@@ -24,7 +24,7 @@ See the above repository for updates as well as full license text. */
#urlbar-background{
animation: none !important;
}
#urlbar-input-container{
.urlbar-input-container{
padding: 0px 1px !important;
height: initial !important;
}

6
chrome/drag_window_from_urlbar.css
View File

@@ -3,14 +3,14 @@ See the above repository for updates as well as full license text. */
/* Makes the window draggable from urlbar when urlbar is not focused. This means you can't click the urlbar text to activate it normally. But right-click works to activate urlbar. */
.urlbar-input-box,#urlbar-input,#urlbar-scheme,#urlbar-container{
.urlbar-input-box,.urlbar-input,#urlbar-scheme,#urlbar-container{
-moz-window-dragging: drag;
cursor: default;
}
#urlbar-input-container > box,
.urlbar-input-container > box,
#page-action-buttons,
#urlbar-container:focus-within,
#urlbar-container:focus-within :is(.urlbar-input-box,#urlbar-input,#urlbar-scheme,#urlbar-container){
#urlbar-container:focus-within :is(.urlbar-input-box,.urlbar-input,#urlbar-scheme,#urlbar-container){
-moz-window-dragging: no-drag;
cursor: auto;
}

4
chrome/fake_urlbar_dropmarker.css
View File

@@ -16,7 +16,7 @@ See the above repository for updates as well as full license text. */
opacity: 0;
transition: opacity 150ms linear
}
#urlbar-input-container:hover > #page-action-buttons::before{ opacity: 1 }
.urlbar-input-container:hover > #page-action-buttons::before{ opacity: 1 }
.urlbar-input-box:not(:focus-within){ margin-inline-end: -24px; }
#urlbar-input:not(:focus-within){ padding-inline-end: 24px !important; }
.urlbar-input:not(:focus-within){ padding-inline-end: 24px !important; }
.urlbar-input-box:focus-within ~ #page-action-buttons::before{ -moz-user-focus: normal }

2
chrome/minimal_text_fields.css
View File

@@ -36,7 +36,7 @@ See the above repository for updates as well as full license text. */
#tracking-protection-icon-container:hover,
#tracking-protection-icon-container ~ *:hover,
#urlbar:focus-within > *,
#urlbar-input-container:focus-within > *,
.urlbar-input-container:focus-within > *,
.searchbar-textbox:hover > *,
.searchbar-textbox:focus-within > *{ opacity: 1 }

4
chrome/round_ui_items.css
View File

@@ -4,8 +4,8 @@ See the above repository for updates as well as full license text. */
/* Make bunch of things in the main UI round */
:root{ --toolbarbutton-border-radius: 24px !important }
#urlbar-input-container > box:hover,
#urlbar-input-container > box[open],
.urlbar-input-container > box:hover,
.urlbar-input-container > box[open],
#main-menubar > menu,
.titlebar-button:hover,
#scrollbutton-up,

6
chrome/selected_tab_as_urlbar.css
View File

@@ -14,19 +14,19 @@ See the above repository for updates as well as full license text. */
#PanelUI-button,
#nav-bar-overflow-button{ z-index: 2; position: relative }
#urlbar-input-container{
.urlbar-input-container{
width: calc(100vw - var(--uc-window-control-width) - var(--uc-buttons-width) - 2 * var(--uc-window-drag-space-width) - 76px) !important;
left: calc(76px + var(--uc-window-drag-space-width)) !important;
pointer-events: none;
overflow: visible !important;
}
:root:not([customizing]) #urlbar-input-container::before{
:root:not([customizing]) .urlbar-input-container::before{
position: absolute;
left: 0;
top: 0 !important;
height: var(--urlbar-container-height);
}
#urlbar-input-container > :not(.urlbar-input-box){ opacity: 0 }
.urlbar-input-container > :not(.urlbar-input-box){ opacity: 0 }
#urlbar-background{
background: transparent !important;

2
chrome/urlbar_info_icons_on_hover.css
View File

@@ -14,7 +14,7 @@ See the above repository for updates as well as full license text. */
#identity-box.extensionPage{ max-width: 32px }
#urlbar:hover #urlbar-input-container > box,
#urlbar:hover .urlbar-input-container > box,
#urlbar:hover #identity-box.extensionPage #identity-icon-label{
max-width: 300px;
}

4
chrome/urlbar_popup_full_width.css
View File

@@ -36,9 +36,9 @@ See the above repository for updates as well as full license text. */
box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
#urlbar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; }
#urlbar > .urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; }
#urlbar > #urlbar-background{ display: none !important; }
/* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */
/* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */
#urlbar > #urlbar-input-container::before{ content: ""; display: flex; height: 24px; }
#urlbar > .urlbar-input-container::before{ content: ""; display: flex; height: 24px; }