forked from MapComplete/MapComplete
		
	Style: copyright button
This commit is contained in:
		
							parent
							
								
									08a604c3f5
								
							
						
					
					
						commit
						8ed4da4e9d
					
				
					 2 changed files with 21 additions and 9 deletions
				
			
		| 
						 | 
				
			
			@ -143,14 +143,14 @@
 | 
			
		|||
 | 
			
		||||
<div class="absolute bottom-0 left-0 mb-4 w-screen pointer-events-none">
 | 
			
		||||
    <div class="w-full flex justify-between px-4 items-end">
 | 
			
		||||
        <div>
 | 
			
		||||
        <div class="flex">
 | 
			
		||||
            <!-- bottom left elements -->
 | 
			
		||||
            <MapControlButton on:click={() => state.guistate.backgroundLayerSelectionIsOpened.setData(true)}>
 | 
			
		||||
                <Square3Stack3dIcon class="w-6 h-6"/>
 | 
			
		||||
            </MapControlButton>
 | 
			
		||||
            <a class="pointer-events-auto opacity-50 hover:opacity-100 text-white cursor-pointer bg-black-transparent px-1 rounded-2xl" 
 | 
			
		||||
            <a class="pointer-events-auto opacity-50 hover:opacity-100 text-white cursor-pointer bg-black-transparent pl-1 pr-2 rounded-2xl h-fit max-h-12 overflow-hidden self-end" 
 | 
			
		||||
               on:click={() =>{ state.guistate.themeViewTab.setData("copyright"); state.guistate.themeIsOpened.setData(true)}}>
 | 
			
		||||
                © OpenStreetMap | <span class="w-24">{rasterLayerName}</span>
 | 
			
		||||
                © OpenStreetMap <span class="w-24">{rasterLayerName}</span>
 | 
			
		||||
            </a>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1005,6 +1005,12 @@ video {
 | 
			
		|||
  height: 1.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.h-fit {
 | 
			
		||||
  height: -webkit-fit-content;
 | 
			
		||||
  height: -moz-fit-content;
 | 
			
		||||
  height: fit-content;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.h-4 {
 | 
			
		||||
  height: 1rem;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -1017,12 +1023,6 @@ video {
 | 
			
		|||
  height: 0.75rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.h-fit {
 | 
			
		||||
  height: -webkit-fit-content;
 | 
			
		||||
  height: -moz-fit-content;
 | 
			
		||||
  height: fit-content;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.h-7 {
 | 
			
		||||
  height: 1.75rem;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -1055,6 +1055,10 @@ video {
 | 
			
		|||
  height: 24rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.max-h-2 {
 | 
			
		||||
  max-height: 0.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.max-h-12 {
 | 
			
		||||
  max-height: 3rem;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -1071,6 +1075,14 @@ video {
 | 
			
		|||
  max-height: 100vh;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.max-h-4 {
 | 
			
		||||
  max-height: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.max-h-6 {
 | 
			
		||||
  max-height: 1.5rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.w-full {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue