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

Use translate() instead of rotate() on context-navigation buttons

Browse source
This commit is contained in:
MrOtherGuy 2019-10-04 16:58:01 +03:00
parent a5d02fbb18
commit c8b5f98998
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
chrome/vertical_context_navigation_v2.css
View file

@ -1,9 +1,13 @@
/* This very likely only works properly on Windows10 */
/* This v2 uses transform instead of grid display which might or might not work better */
#context-navigation > menuitem{ transform: rotateZ(-90deg); max-width: 40px}
#context-navigation{ transform: rotateZ(90deg); transform-origin: 20px 20px; background-color: transparent !important }
#context-navigation > menuitem{ max-width: 40px}
#context-forward{ transform: translate(-40px, 40px) }
#context-reload,#context-stop{ transform: translate(-80px, 80px) }
#context-bookmarkpage{ transform: translate(-120px,120px) }
#context-navigation:not([hidden])~*{ margin-left: 20px; }
#context-sep-navigation{ display: none }
#context-navigation{ margin-bottom: -34px; clip-path: polygon(0px 0px, 160px 0px, 160px 100%, 0px 100%)}
#context-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) }
#context-navigation{ margin-bottom: -34px; }
#context-sep-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) }