pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

new file

Browse source
This commit is contained in:
MrOtherGuy 2018-11-30 19:36:16 +02:00
parent 172ab9f343
commit 1b10bd9687
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
chrome/button_effect_scale_onclick.css Normal file
View file

@ -0,0 +1,18 @@
/* Effect */
.toolbarbutton-icon { transition: transform 82ms linear !important; }
toolbarbutton:not([disabled]):active > .toolbarbutton-icon,
toolbarbutton:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon{ transform: scale(0.6) }
/* Restyle hover state - remove everything below if you want the scale effect to also apply to background-color */
toolbar .toolbarbutton-1{ clip-path: inset(3px) }
toolbar .toolbarbutton-1:not([disabled]):hover,
toolbar .toolbarbutton-1[open],
toolbar .toolbarbutton-1[checked]{
background-color: var(--toolbarbutton-hover-background);
}
toolbar .toolbarbutton-1 > .toolbarbutton-icon,
toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack{ background-color: transparent !important }
/* Back button override */
:root:not([uidensity="compact"]) #back-button{ clip-path: none; background-color: transparent }
:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ background-color: var(--backbutton-background) !important;}
:root:not([uidensity="compact"]) .toolbarbutton-1:not(#back-button){margin: var(--toolbarbutton-outer-padding) 0 !important;}