Shorten the hiding delay and make the showing delay apply when nav-bar
is focused
This commit is contained in:
parent
cbeedb6c46
commit
f8dfc90ed0
1 changed files with 6 additions and 3 deletions
|
@ -10,7 +10,7 @@
|
||||||
margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
|
margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
|
||||||
transform: rotateX(90deg);
|
transform: rotateX(90deg);
|
||||||
transform-origin: top;
|
transform-origin: top;
|
||||||
transition: transform 135ms linear 1000ms !important;
|
transition: transform 135ms linear 600ms !important;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
|
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
|
||||||
|
@ -19,10 +19,13 @@
|
||||||
/* Comment out or delete either one of these to disable that behavior */
|
/* Comment out or delete either one of these to disable that behavior */
|
||||||
|
|
||||||
/* Show when urlbar is focused */
|
/* Show when urlbar is focused */
|
||||||
#nav-bar:focus-within + #PersonalToolbar{ transform: rotateX(0) }
|
#nav-bar:focus-within + #PersonalToolbar{
|
||||||
|
transition-delay: 100ms !important;
|
||||||
|
transform: rotateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
/* Show when cursor is over the toolbar area */
|
/* Show when cursor is over the toolbar area */
|
||||||
#navigator-toolbox:hover > #PersonalToolbar{
|
#navigator-toolbox:hover > #PersonalToolbar{
|
||||||
transition: transform 135ms linear 100ms !important;
|
transition-delay: 100ms !important;
|
||||||
transform: rotateX(0);
|
transform: rotateX(0);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue