have urlbar-icons scale using transform instead of padding
This commit is contained in:
parent
51ae368931
commit
3f19d7159c
2 changed files with 12 additions and 16 deletions
|
@ -2,28 +2,25 @@
|
||||||
See the above repository for updates as well as full license text. */
|
See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
/* Effect */
|
/* Effect */
|
||||||
|
.urlbar-icon,
|
||||||
.toolbarbutton-icon,
|
.toolbarbutton-icon,
|
||||||
.menuitem-iconic .menu-iconic-icon{
|
.menuitem-iconic .menu-iconic-icon{
|
||||||
transition: transform 83ms linear !important;
|
transition: transform 83ms linear !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
|
||||||
.urlbar-icon{
|
|
||||||
transition: padding 83ms linear !important;
|
transition: padding 83ms linear !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
toolbarbutton#scrollbutton-up:active > .toolbarbutton-icon,
|
toolbarbutton#scrollbutton-up:active > .toolbarbutton-icon,
|
||||||
toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon,
|
toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon,
|
||||||
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
||||||
.menuitem-iconic:active .menu-iconic-icon{
|
.menuitem-iconic:active .menu-iconic-icon,
|
||||||
|
.urlbar-page-action:active > .urlbar-icon{
|
||||||
transform: scale(0.6) !important;
|
transform: scale(0.6) !important;
|
||||||
}
|
}
|
||||||
toolbarbutton#scrollbutton-down:active > .toolbarbutton-icon{ transform: scale(-0.6) !important; }
|
toolbarbutton#scrollbutton-down:active > .toolbarbutton-icon{ transform: scale(-0.6) !important; }
|
||||||
|
|
||||||
|
|
||||||
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
|
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
|
||||||
padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important;
|
padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#page-action-buttons .urlbar-icon:active{ padding: calc(var(--urlbar-icon-padding) + 3px) !important; }
|
|
|
@ -2,20 +2,20 @@
|
||||||
See the above repository for updates as well as full license text. */
|
See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
/* Effect */
|
/* Effect */
|
||||||
|
.urlbar-icon,
|
||||||
.toolbarbutton-icon,
|
.toolbarbutton-icon,
|
||||||
.menuitem-iconic .menu-iconic-icon{
|
.menuitem-iconic .menu-iconic-icon{
|
||||||
transition: transform 83ms linear !important;
|
transition: transform 83ms linear !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
toolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
|
||||||
.urlbar-icon{
|
|
||||||
transition: padding 83ms linear !important;
|
transition: padding 83ms linear !important;
|
||||||
}
|
}
|
||||||
toolbarbutton#scrollbutton-up > .toolbarbutton-icon,
|
toolbarbutton#scrollbutton-up > .toolbarbutton-icon,
|
||||||
toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon,
|
toolobar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||||
toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
||||||
.menuitem-iconic .menu-iconic-icon{
|
.menuitem-iconic .menu-iconic-icon,
|
||||||
|
.urlbar-icon{
|
||||||
transform: scale(0.8) !important;
|
transform: scale(0.8) !important;
|
||||||
}
|
}
|
||||||
toolbarbutton#scrollbutton-down > .toolbarbutton-icon{ transform: scale(-0.8) !important; }
|
toolbarbutton#scrollbutton-down > .toolbarbutton-icon{ transform: scale(-0.8) !important; }
|
||||||
|
@ -24,12 +24,11 @@ toolbar .toolbarbutton-1 > .toolbarbutton-icon{
|
||||||
padding: calc(var(--toolbarbutton-inner-padding) + 2px) !important;
|
padding: calc(var(--toolbarbutton-inner-padding) + 2px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#page-action-buttons .urlbar-icon:not(:hover){ padding: calc(var(--urlbar-icon-padding) + 2px) !important; }
|
|
||||||
|
|
||||||
toolbarbutton#scrollbutton-up:not([disabled]):hover > .toolbarbutton-icon,
|
toolbarbutton#scrollbutton-up:not([disabled]):hover > .toolbarbutton-icon,
|
||||||
toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon,
|
toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon,
|
||||||
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon,
|
||||||
.menuitem-iconic:not([disabled]):hover .menu-iconic-icon{
|
.menuitem-iconic:not([disabled]):hover .menu-iconic-icon,
|
||||||
|
.urlbar-page-action:hover > .urlbar-icon{
|
||||||
transform: none !important;
|
transform: none !important;
|
||||||
}
|
}
|
||||||
toolbarbutton#scrollbutton-down:not([disabled]):hover > .toolbarbutton-icon{transform: scale(-1) !important;}
|
toolbarbutton#scrollbutton-down:not([disabled]):hover > .toolbarbutton-icon{transform: scale(-1) !important;}
|
||||||
|
|
Loading…
Reference in a new issue