Skip to content

Commit

Permalink
Merge pull request #400 from openaddresses/aggressive-icons
Browse files Browse the repository at this point in the history 
Less Aggressive Icons
  • Loading branch information
@ingalls
ingalls authored Oct 10, 2024
2 parents 5c3a54c + 65e25f2 commit bd0eab2
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 21 deletions.
32 changes: 16 additions & 16 deletions api/web/src/components/Data.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,15 @@
</div>
<div class='card-body row'>
<div class='col-4 d-flex justify-content-center align-items-center'>
<LayerIcon layer='buildings' size='32'/>
<LayerIcon layer='buildings' size='32' stroke='1'/>
Buildings
</div>
<div class='col-4 d-flex justify-content-center align-items-center'>
<LayerIcon layer='addresses' size='32'/>
<LayerIcon layer='addresses' size='32' stroke='1'/>
Addresses
</div>
<div class='col-4 d-flex justify-content-center align-items-center'>
<LayerIcon layer='parcels' size='32'/>
<LayerIcon layer='parcels' size='32' stroke='1'/>
Parcels
</div>
<div class='col-12'>
Expand All @@ -36,7 +36,7 @@
<h2 class='card-title'>Data Collections</h2>

<div class='ms-auto btn-list'>
<IconRefresh @click='fetchCollections' class='cursor-pointer' size='32'/>
<IconRefresh @click='fetchCollections' class='cursor-pointer' size='32' stroke='1'/>
</div>
</div>

Expand All @@ -56,7 +56,7 @@
<td class='d-flex'>
<span v-text='size(c.size)'/>
<div class='ms-auto btn-list'>
<IconDownload v-on:click.stop.prevent='collectionpls(c)' class='cursor-pointer' size='32'/>
<IconDownload v-on:click.stop.prevent='collectionpls(c)' class='cursor-pointer' size='32' stroke='1'/>
</div>
</td>
</tr>
Expand All @@ -71,13 +71,13 @@
<h2 class='card-title'>Individual Sources</h2>

<div class='ms-auto btn-list'>
<IconArrowsMaximize @click='fullscreen = true' v-if='!fullscreen' class='cursor-pointer' size='32'/>
<IconArrowsMinimize @click='fullscreen = false' v-else class='cursor-pointer' size='32'/>
<IconArrowsMaximize @click='fullscreen = true' v-if='!fullscreen' class='cursor-pointer' size='32' stroke='1'/>
<IconArrowsMinimize @click='fullscreen = false' v-else class='cursor-pointer' size='32' stroke='1'/>

<IconSearch @click='showFilter = !showFilter' v-if='!showFilter' class='cursor-pointer' size='32'/>
<IconX @click='showFilter = !showFilter' v-else class='cursor-pointer' size='32'/>
<IconSearch @click='showFilter = !showFilter' v-if='!showFilter' class='cursor-pointer' size='32' stroke='1'/>
<IconX @click='showFilter = !showFilter' v-else class='cursor-pointer' size='32' stroke='1'/>

<IconRefresh @click='fetchData' class='cursor-pointer' size='32'/>
<IconRefresh @click='fetchData' class='cursor-pointer' size='32' stroke='1'/>
</div>
</div>

Expand Down Expand Up @@ -126,14 +126,14 @@
<tr>
<td @click='d._open = !d._open' v-text='d.source' class='cursor-pointer'></td>
<td @click='d._open = !d._open' class='cursor-pointer'>
<LayerIcon v-if='d.has.buildings' layer='buildings' size='32'/>
<LayerIcon v-if='d.has.addresses' layer='addresses' size='32'/>
<LayerIcon v-if='d.has.parcels' layer='parcels' size='32'/>
<LayerIcon v-if='d.has.buildings' layer='buildings' size='32' stroke='1'/>
<LayerIcon v-if='d.has.addresses' layer='addresses' size='32' stroke='1'/>
<LayerIcon v-if='d.has.parcels' layer='parcels' size='32' stroke='1'/>
</td>
<td>
<div class='d-flex'>
<div class='ms-auto btn-list'>
<IconMap v-if='d.map' @click='$router.push(`/location/${d.map}`)' class='cursor-pointer' size='32'/>
<IconMap v-if='d.map' @click='$router.push(`/location/${d.map}`)' class='cursor-pointer' size='32' stroke='1'/>
</div>
</div>
</td>
Expand All @@ -155,7 +155,7 @@
<template v-if='auth && auth.access === "admin"'>
<TablerDropdown>
<slot>
<IconSettings class='cursor-pointer' size='32'/>
<IconSettings class='cursor-pointer' size='32' stroke='1'/>
</slot>
<template #dropdown>
<TablerToggle @change='updateData(job)' v-model='job.fabric' label='Fabric'/>
Expand All @@ -164,7 +164,7 @@
</TablerDropdown>
</template>

<IconHistory @click='$router.push(`/data/${job.id}/history`)' class='cursor-pointer' size='32'/>
<IconHistory @click='$router.push(`/data/${job.id}/history`)' class='cursor-pointer' size='32' stroke='1'/>
</div>
</div>
</div>
Expand Down
10 changes: 5 additions & 5 deletions api/web/src/components/util/Download.vue
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<TablerDropdown v-on:click.stop.prevent='' v-if='job.output.output'>
<slot>
<IconDownload size='32' class='cursor-pointer'/>
<IconDownload size='32' class='cursor-pointer' stroke='1'/>
</slot>

<template #dropdown>
Expand All @@ -17,7 +17,7 @@
GeoJSON+LD
</span>
<div class='ms-auto'>
<IconInfoCircle @click='external("https://stevage.github.io/ndgeojson/")' class='fr color-blue-on-hover cursor-pointer mt3' size='16'/>
<IconInfoCircle @click='external("https://stevage.github.io/ndgeojson/")' class='fr color-blue-on-hover cursor-pointer mt3' size='16' stroke='1'/>
</div>
</div>

Expand All @@ -26,7 +26,7 @@
ShapeFile
</span>
<div class='ms-auto'>
<IconInfoCircle @click='external("https://en.wikipedia.org/wiki/Shapefile")' class='fr color-blue-on-hover cursor-pointer mt3' size='16'/>
<IconInfoCircle @click='external("https://en.wikipedia.org/wiki/Shapefile")' class='fr color-blue-on-hover cursor-pointer mt3' size='16' stroke='1'/>
</div>
</div>

Expand All @@ -35,7 +35,7 @@
CSV
</span>
<div class='ms-auto'>
<IconInfoCircle @click='external("https://en.wikipedia.org/wiki/Comma-separated_values")' class='fr cursor-pointer color-blue-on-hover mt3' size='16'/>
<IconInfoCircle @click='external("https://en.wikipedia.org/wiki/Comma-separated_values")' class='fr cursor-pointer color-blue-on-hover mt3' size='16' stroke='1'/>
</div>
</div>
</div>
Expand All @@ -56,7 +56,7 @@
<span @click='datapls(job.job || job.id, "geojson", true)' class='cursor-pointer'>
GeoJSON+LD
</span>
<IconInfoCircle @click='external("https://stevage.github.io/ndgeojson/")' class='fr color-blue-on-hover cursor-pointer mt3' width="16" height="16"/>
<IconInfoCircle @click='external("https://stevage.github.io/ndgeojson/")' class='fr color-blue-on-hover cursor-pointer mt3' size='16' stroke='1'/>
</div>
</div>
</div>
Expand Down

0 comments on commit bd0eab2

Please sign in to comment.