Template:OSM Location map/cssmapping: Difference between revisions

Content deleted Content added
Add paleground and beigeground as options instead of background behind label text
upgrade pos-left and -top for better mobile/app positioning (struggles with right/bottom edges)
Line 111:
|right=
top: {{#expr:{{{ldy|0}}}+{{{y1|30}}}+( {{Str number/trim|{{{label-size|12}}} }}/3) }}px;
rightleft: {{#expr:{{{width|350}}}-{{{x1|240}}}-+{{{ldx|0}}}-+{{{mark-width|12}}}+-3}}px;
width: {{{markfit-width|350}}}pxcontent;
text-align: right;
transform: translateX(-100%);
| top =
top: {{#expr:{{{ldy|0}}}+{{{y1|30}}}+( {{Str number/trim|{{{label-size|12}}} }}/3) }}px;
Line 138 ⟶ 139:
|left =
top: {{#expr:{{{ldy|0}}}+{{{y1|140}}}-( {{Str number/trim|{{{label-size|12}}} }}/2)-1-( {{str count|{{{label|}}}|pattern=<br>|plain=1}}*{{Str number/trim|{{{label-size|12}}} }}*1.25/2) }}px;
rightleft: {{#expr:{{{widthldx|3500}}}-+{{{x1|240}}}-{{{ldx|0}}}+( {{{mark-width|12}}}/2)+-{{{outline-width|0}}}+1+-2-{{#ifeq:{{{shape|}}}|image|12|0}} }}px;
transform: translateX(-100%) rotate({{{label-angle|0}}}deg);
text-align: right;
| top =
bottomtop: {{#expr:{{{heightldy|2500}}}-+{{{y1|0140}}}-{{{ldy|0}}}+( {{{mark-height|12}}}/2)+-{{{outline-width|0}}}+2+-1-{{#ifeq:{{{shape|}}}|image|2|0}} }}px;
left: {{#expr:{{{ldx|0}}}+{{{x1|240}}} }}px;
width: fit-content;
height: fit-content;
text-align: center;
transform: translateX(-50%) translateY(-100%) rotate({{{label-angle|0}}}deg);
| bottom =
top: {{#expr:{{{ldy|0}}}+{{{y1|140}}}+( {{{mark-height|12}}}/2)+{{{outline-width|0}}}+1 }}px;
Line 163 ⟶ 165:
top: {{#expr:{{{ldy|0}}}+{{{y1|30}}}-( {{Str number/trim|{{{label-size|12}}} }}/2)-1}}px;
left: {{#expr:{{{ldx|0}}}+{{{x1|30}}}-1 }}px; text-align: left;
transform: rotate({{{label-angle|0}}}deg);
|left =
top: {{#expr:{{{ldy|0}}}+{{{y1|30}}}-( {{Str number/trim|{{{label-size|12}}} }}/2)-1}}px;
rightleft: {{#expr:{{{widthldx|3500}}}-+{{{x1|24030}}}-{{{ldx|0}}}1 }}px;
width: fit-content;
text-align: right;
transform: translateX(-100%) rotate({{{label-angle|0}}}deg);
| top =
bottomtop: {{#expr:{{{heightldy|2500}}}-+{{{y1|0}}}-{{{ldy|0140}}}-1}}px;
left: {{#expr:{{{ldx|0}}}+{{{x1|240}}} }}px;
width: fit-content;
height: fit-content;
text-align: center;
transform: translateX(-50%) translateY(-100%) rotate({{{label-angle|0}}}deg);
| bottom | center|centre=
top: {{#expr:{{{ldy|0}}}+{{{y1|0}}} }}px;