contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Style: copyright button

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-06-01 02:52:10 +02:00
parent 08a604c3f5
commit 8ed4da4e9d
2 changed files with 21 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
UI/ThemeViewGUI.svelte
View file

@ -143,14 +143,14 @@
<div class="absolute bottom-0 left-0 mb-4 w-screen pointer-events-none"> <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 class="w-full flex justify-between px-4 items-end">
<div> <div class="flex">
<!-- bottom left elements --> <!-- bottom left elements -->
<MapControlButton on:click={() => state.guistate.backgroundLayerSelectionIsOpened.setData(true)}> <MapControlButton on:click={() => state.guistate.backgroundLayerSelectionIsOpened.setData(true)}>
<Square3Stack3dIcon class="w-6 h-6"/> <Square3Stack3dIcon class="w-6 h-6"/>
</MapControlButton> </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)}}> 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> </a>
</div> </div>

24
public/css/index-tailwind-output.css
View file

@ -1005,6 +1005,12 @@ video {
height: 1.5rem; height: 1.5rem;
} }
.h-fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.h-4 { .h-4 {
height: 1rem; height: 1rem;
} }
@ -1017,12 +1023,6 @@ video {
height: 0.75rem; height: 0.75rem;
} }
.h-fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.h-7 { .h-7 {
height: 1.75rem; height: 1.75rem;
} }
@ -1055,6 +1055,10 @@ video {
height: 24rem; height: 24rem;
} }
.max-h-2 {
max-height: 0.5rem;
}
.max-h-12 { .max-h-12 {
max-height: 3rem; max-height: 3rem;
} }
@ -1071,6 +1075,14 @@ video {
max-height: 100vh; max-height: 100vh;
} }
.max-h-4 {
max-height: 1rem;
}
.max-h-6 {
max-height: 1.5rem;
}
.w-full { .w-full {
width: 100%; width: 100%;
} }