improvements for bookmarks toolbar background image alignment
This commit is contained in:
parent
bbcea9a26f
commit
2a3c116fd1
1 changed files with 6 additions and 4 deletions
|
@ -3,7 +3,7 @@ See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
#PersonalToolbar{
|
#PersonalToolbar{
|
||||||
--uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
|
--uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
|
||||||
--uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
|
--uc-bm-padding: 7px; /* Vertical padding to be applied to bookmarks */
|
||||||
--uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
|
--uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
|
||||||
|
|
||||||
/* 0deg = "show" ; 90deg = "hide" ; Set the following to control when bookmarks are shown */
|
/* 0deg = "show" ; 90deg = "hide" ; Set the following to control when bookmarks are shown */
|
||||||
|
@ -11,7 +11,7 @@ See the above repository for updates as well as full license text. */
|
||||||
--uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
|
--uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
|
||||||
}
|
}
|
||||||
|
|
||||||
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
|
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px; }
|
||||||
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
|
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
|
||||||
|
|
||||||
#PersonalToolbar:not([customizing]){
|
#PersonalToolbar:not([customizing]){
|
||||||
|
@ -23,8 +23,10 @@ See the above repository for updates as well as full license text. */
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
/* The following properties should allow the themes with trasparent toolbars to work */
|
/* The following properties should allow the themes with trasparent toolbars to work */
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
|
background-repeat: no-repeat,no-repeat,var(--lwt-background-tiling);
|
||||||
|
--uc-bg-y: calc(-2 * (var(--tab-block-margin) + var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - var(--tab-min-height) - 16px - var(--bookmark-block-padding));
|
||||||
background-position: top left,top left,var(--lwt-background-alignment,top left);
|
background-position: top left,top left,var(--lwt-background-alignment,top left);
|
||||||
background-position-y:top,top,calc(-2 * (var(--tab-block-margin) + var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - var(--tab-min-height) - 16px);
|
background-position-y:top,top,var(--uc-bg-y),var(--uc-bg-y),var(--uc-bg-y);
|
||||||
background-image: var(--toolbar-bgimage), linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,var(--lwt-additional-images)) !important;
|
background-image: var(--toolbar-bgimage), linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,var(--lwt-additional-images)) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -56,4 +58,4 @@ See the above repository for updates as well as full license text. */
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 0px !important;
|
margin-bottom: 0px !important;
|
||||||
}
|
}
|
||||||
*/
|
*/
|
Loading…
Reference in a new issue