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{
|
||||
--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 */
|
||||
|
||||
/* 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 */
|
||||
}
|
||||
|
||||
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
|
||||
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px; }
|
||||
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
|
||||
|
||||
#PersonalToolbar:not([customizing]){
|
||||
|
@ -23,8 +23,10 @@ See the above repository for updates as well as full license text. */
|
|||
z-index: 1;
|
||||
/* The following properties should allow the themes with trasparent toolbars to work */
|
||||
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-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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue