tandem
/
camper
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fill the immediate path inside map’s anchors, and remove one extra group 

In the map i added in e3503187d, paths around each accommodation
inherited the fill and stroke from the group, thus i could just override
that fill at the anchor level, but the current map sets the fill to each
accommodation’s path, party because the text is not a path too, partly
because Affinity is a visual tool only and does not give a shit about
mark up.

If we keep the text in a group, however, we can set the fill of the area
using CSS too, although it is not nice due to `!important`, but still.
There was a plot, however, #93, that had the area in a group too, and
i had to remove that group manually.
This commit is contained in:
jordi fita mas 2024-01-25 01:26:02 +01:00
parent 267ff54c60
commit 623f0af2ab
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/static/camper.css
View File

@ -502,8 +502,8 @@ textarea {
display: none;
}
#campground_map a:hover {
fill: var(--camper--color--hay);
#campground_map a:hover > path {
fill: var(--camper--color--hay) !important;
}
/*</editor-fold>*/

4
web/templates/campground_map.svg
View File

@ -139,9 +139,7 @@
</g>
</g>
<g id="cp_93">
<g transform="matrix(0.997707,0,0,1,-82.6355,-66.1766)">
<path d="M288.527,255.599L298.585,259.133L316.861,261.484L347.874,256.938L347.168,285.122L316.103,284.474L280.395,285.688L288.527,255.599Z" style="fill:rgb(239,237,236);stroke:rgb(82,84,83);stroke-width:1px;stroke-miterlimit:2;"/>
</g>
<path d="m 205.22991,189.4224 10.03493,3.534 18.2341,2.351 30.94188,-4.546 -0.70438,28.184 -30.99376,-0.648 -35.62613,1.214 z" style="fill:rgb(239,237,236);stroke:rgb(82,84,83);stroke-width:1px;stroke-miterlimit:2;"/>
<g transform="matrix(1,0,0,1,-13.4495,0.21286)">
<path d="M240.23,208.399L241.25,208.094C241.301,208.684 241.496,209.134 241.836,209.445C242.176,209.755 242.637,209.911 243.219,209.911C243.894,209.911 244.431,209.622 244.827,209.046C245.224,208.47 245.424,207.653 245.428,206.594L245.416,206.166C245.228,206.655 244.934,207.042 244.531,207.33C244.129,207.617 243.664,207.76 243.137,207.76C242.309,207.76 241.64,207.502 241.13,206.987C240.62,206.471 240.365,205.832 240.365,205.071C240.365,204.657 240.437,204.273 240.582,203.919C240.727,203.566 240.924,203.267 241.174,203.023C241.424,202.779 241.72,202.587 242.061,202.449C242.403,202.31 242.769,202.241 243.16,202.241C244.277,202.241 245.094,202.641 245.609,203.442C246.129,204.239 246.389,205.27 246.389,206.536C246.389,207.008 246.352,207.455 246.277,207.877C246.203,208.299 246.082,208.695 245.914,209.064C245.746,209.433 245.539,209.75 245.293,210.016C245.047,210.282 244.742,210.492 244.379,210.646C244.016,210.8 243.609,210.877 243.16,210.877C242.348,210.877 241.679,210.642 241.153,210.171C240.628,209.701 240.32,209.11 240.23,208.399ZM245.041,205C245.041,204.473 244.869,204.038 244.525,203.694C244.193,203.35 243.758,203.178 243.219,203.178C242.687,203.178 242.252,203.354 241.912,203.705C241.576,204.053 241.408,204.496 241.408,205.036C241.408,205.579 241.576,206.012 241.912,206.336C242.248,206.661 242.684,206.823 243.219,206.823C243.75,206.823 244.186,206.654 244.528,206.316C244.87,205.978 245.041,205.539 245.041,205Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
<path d="M247.139,208.457L248.135,208.012C248.209,208.59 248.433,209.051 248.806,209.395C249.179,209.739 249.654,209.911 250.232,209.911C250.775,209.911 251.235,209.738 251.612,209.392C251.989,209.046 252.178,208.598 252.178,208.047C252.178,207.457 252.005,206.995 251.659,206.659C251.313,206.323 250.852,206.155 250.273,206.155C250.043,206.155 249.82,206.192 249.605,206.266C249.391,206.34 249.213,206.442 249.072,206.571L248.469,205.827L251.305,203.33L247.496,203.33L247.496,202.358L252.887,202.358L252.887,203.155L250.262,205.422C250.398,205.395 250.545,205.381 250.701,205.381C251.139,205.381 251.546,205.483 251.923,205.686C252.3,205.889 252.608,206.192 252.849,206.594C253.089,206.996 253.209,207.457 253.209,207.977C253.209,208.836 252.928,209.535 252.365,210.072C251.803,210.609 251.092,210.877 250.232,210.877C249.42,210.877 248.739,210.657 248.19,210.215C247.642,209.774 247.291,209.188 247.139,208.457Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 372 KiB

After

Width:  |  Height:  |  Size: 372 KiB