geolocation support
This commit is contained in:
		
							
								
								
									
										44
									
								
								style.css
									
									
									
									
									
								
							
							
						
						
									
										44
									
								
								style.css
									
									
									
									
									
								
							@ -1288,6 +1288,50 @@ p {
 | 
			
		||||
  border-radius: var(--radius-base);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gps-control {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  bottom: var(--space-16);
 | 
			
		||||
  right: var(--space-16);
 | 
			
		||||
  width: 44px;
 | 
			
		||||
  height: 44px;
 | 
			
		||||
  border: none;
 | 
			
		||||
  border-radius: 50%;
 | 
			
		||||
  background: rgba(var(--color-slate-500-rgb), 0.25);
 | 
			
		||||
  color: var(--color-slate-500);
 | 
			
		||||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  justify-content: center;
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
  box-shadow: var(--shadow-md);
 | 
			
		||||
  transition: background var(--duration-fast) var(--ease-standard),
 | 
			
		||||
    color var(--duration-fast) var(--ease-standard),
 | 
			
		||||
    transform var(--duration-fast) var(--ease-standard);
 | 
			
		||||
  z-index: 1100;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gps-control:hover {
 | 
			
		||||
  transform: translateY(-1px);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gps-control:focus-visible {
 | 
			
		||||
  outline: none;
 | 
			
		||||
  box-shadow: var(--shadow-md), var(--focus-ring);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gps-control--pending {
 | 
			
		||||
  background: rgba(var(--color-slate-500-rgb), 0.4);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gps-control--active {
 | 
			
		||||
  background: var(--color-primary);
 | 
			
		||||
  color: var(--color-btn-primary-text);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.gps-control__icon {
 | 
			
		||||
  width: 22px;
 | 
			
		||||
  height: 22px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.map-instructions {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: var(--space-20);
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user