Create a new version that uses transform instead of grid display
This commit is contained in:
		
							parent
							
								
									1ad29c1ada
								
							
						
					
					
						commit
						9829e4e4db
					
				
					 2 changed files with 10 additions and 0 deletions
				
			
		| 
						 | 
				
			
			@ -1,4 +1,5 @@
 | 
			
		|||
/* This very likely only works properly on Windows10 */
 | 
			
		||||
/* If this won't work correctly can try the v2 file */
 | 
			
		||||
 | 
			
		||||
#contentAreaContextMenu > .popup-internal-box > .arrowscrollbox-scrollbox{
 | 
			
		||||
display: grid;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										9
									
								
								chrome/vertical_context_navigation_v2.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										9
									
								
								chrome/vertical_context_navigation_v2.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,9 @@
 | 
			
		|||
/* 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: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(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) }
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue