Provide option to force use of system scrollbar styling (#32117)
This commit is contained in:
		
				
					committed by
					
						
						GitHub
					
				
			
			
				
	
			
			
			
						parent
						
							be43b01eb1
						
					
				
				
					commit
					04b7046be1
				
			@@ -523,6 +523,13 @@ a.sparkline {
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.notification-group--annual-report {
 | 
			
		||||
  .notification-group__icon,
 | 
			
		||||
  .notification-group__main .link-button {
 | 
			
		||||
    color: var(--indigo-3);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@supports not selector(::-webkit-scrollbar) {
 | 
			
		||||
  html {
 | 
			
		||||
    scrollbar-color: rgba($action-button-color, 0.25)
 | 
			
		||||
@@ -530,13 +537,8 @@ a.sparkline {
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
::-webkit-scrollbar-thumb {
 | 
			
		||||
  opacity: 0.25;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.notification-group--annual-report {
 | 
			
		||||
  .notification-group__icon,
 | 
			
		||||
  .notification-group__main .link-button {
 | 
			
		||||
    color: var(--indigo-3);
 | 
			
		||||
.custom-scrollbars {
 | 
			
		||||
  ::-webkit-scrollbar-thumb {
 | 
			
		||||
    opacity: 0.25;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -59,24 +59,26 @@ table {
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
::-webkit-scrollbar {
 | 
			
		||||
  width: 8px;
 | 
			
		||||
  height: 8px;
 | 
			
		||||
}
 | 
			
		||||
.custom-scrollbars {
 | 
			
		||||
  ::-webkit-scrollbar {
 | 
			
		||||
    width: 8px;
 | 
			
		||||
    height: 8px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
::-webkit-scrollbar-thumb {
 | 
			
		||||
  background-color: $action-button-color;
 | 
			
		||||
  border: 2px var(--background-border-color);
 | 
			
		||||
  border-radius: 12px;
 | 
			
		||||
  width: 6px;
 | 
			
		||||
  box-shadow: inset 0 0 0 2px var(--background-border-color);
 | 
			
		||||
}
 | 
			
		||||
  ::-webkit-scrollbar-thumb {
 | 
			
		||||
    background-color: $action-button-color;
 | 
			
		||||
    border: 2px var(--background-border-color);
 | 
			
		||||
    border-radius: 12px;
 | 
			
		||||
    width: 6px;
 | 
			
		||||
    box-shadow: inset 0 0 0 2px var(--background-border-color);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
::-webkit-scrollbar-track {
 | 
			
		||||
  background-color: var(--background-border-color);
 | 
			
		||||
  border-radius: 0px;
 | 
			
		||||
}
 | 
			
		||||
  ::-webkit-scrollbar-track {
 | 
			
		||||
    background-color: var(--background-border-color);
 | 
			
		||||
    border-radius: 0px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
::-webkit-scrollbar-corner {
 | 
			
		||||
  background: transparent;
 | 
			
		||||
  ::-webkit-scrollbar-corner {
 | 
			
		||||
    background: transparent;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user